@charset "utf-8";
  html,body { overflow-x: hidden; min-width: 0px;}

  /******************************************************************************
  Max Width "1440x"
  *******************************************************************************/
  @media (max-width: 1440px) {

  }
  /******************************************************************************
  Max Width "1300x"
  *******************************************************************************/
  @media (max-width: 1300px) {

  }
  /******************************************************************************
  Max Width "1200x"
  *******************************************************************************/
  @media (max-width: 1200px) {


  }

  /******************************************************************************
  Min Width "992px"
  *******************************************************************************/
  @media (min-width: 992px) {

  }

  /******************************************************************************
  Max Width "1270px" - Min Width "1200px"
  *******************************************************************************/
  @media (min-width: 1200px) and (max-width: 1270px) {

  }

  /******************************************************************************
  Max Width "1199px"
  *******************************************************************************/
  @media (max-width: 1199px) {
  .home-text h1{
  font-size: 1.8rem;
  }
  .home-img .img img{
  width: 100%;
  }
  .sec-1 .home-img .bg-img {
  width: 100%;
  height: auto;
  }
  }

  /******************************************************************************
  Max Width "1199px" - Min Width "992px"
  *******************************************************************************/
  @media (min-width: 992px) and (max-width: 1199px) {


  }
  /******************************************************************************
  Max Width "1024px" 
  *******************************************************************************/

  @media (max-width: 1024px) {

  }

  /******************************************************************************
  Max Width "991px"
  *******************************************************************************/
  @media (max-width: 991px) {

  .navbar .navbar-nav .nav-link {
  color: #2c2f44;
  margin-right: 0px !important;
  }
  .navbar .nav-item{
  text-align: left;
  margin-left: 25px;
  margin-right: 25px;
  }
  .navbar .nav-link:hover::after {
  content: none;
  position: absolute;
  left: 12%;
  right: 25%;
  bottom: 0;
  border: 1px solid #f43267;
  }
  .navbar .navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 0rem;
  }
  .navbar {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 0 0 15px 15px;
  margin-top: 0px;
  background-color: white;
  }
  .sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  }
 /*.sticky + section {
  padding-top: 8rem;
  }*/
  .sec-1 .home-img .img  img{
  width: 100%;
  /*height: 500px;*/
  background-color: lightgray;
  border-radius: 10px;
  margin: 0 !important;
  }
  .home-text h1 {
  font-size: 1.7rem;
  }
  .text{
  margin-bottom: 0px !important;
  }
  .text-sec h1{
  font-size: 1.7rem;
  }
  .contact-us-sec h1{
  font-size: 1.7rem;    
  }
  .home-bg {
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  }
  .change-text{
  padding: 0rem;
  }
  .change-text p {
  font-size: 2.7rem;
  }
  .navbar .navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 0rem;
  }
  }



  /******************************************************************************
  Max Width "810px"
  *******************************************************************************/

  @media (max-width: 810px) {

  }

  /******************************************************************************
  Max Width "800px"
  *******************************************************************************/
  @media (max-width: 800px) {
  .navbar-collapse {
  margin-left: -10px;
  }
  }
  /******************************************************************************
  Max Width "768px"
  *******************************************************************************/
  @media (max-width: 768px) {

  }
  /******************************************************************************
  Max Width "600px"
  *******************************************************************************/


  @media (max-width: 600px) {

  .navbar-collapse {
  margin-left: 0px;
  }
  .sec-1 .home-img .img img{
  width: 100%;
 /* height: 500px;*/
  background-color: lightgray;
  border-radius: 10px;
  margin: 0 !important;
  }
  .change-text p {
  font-size: 2.3rem;
  }
  .bottom-sec .text h3 {
  font-weight: 400;
  font-size: 1.1rem;
  }
  .arrow{
  width: 40px;
  height: 40px;
  }
  .bottom-sec{
  padding: 2rem;
  }
  }



  /******************************************************************************
  Max Width "599px"
  *******************************************************************************/
  @media (max-width: 599px) {
  .navbar-collapse {
  margin-left: 0px;
  }
  }
  /******************************************************************************
  Max Width "540px"
  *******************************************************************************/
  @media (max-width: 540px) {
  
  .sec-1 .home-img .img img{
  width: 100%;
  height: auto;
  background-color: lightgray;
  border-radius: 10px;
  margin: 0 !important;
  }
  .home-img .img img{
  width: 100%;
  height: auto;
  }
 
  }

  /******************************************************************************
  Max Width "480px"
  *******************************************************************************/
  @media (max-width: 480px) {
  .copy-right-sec p{
  font-size: 0.9rem;
  }
  .sticky-img {
  width: 100%;
  height: 300px;
  background-color: lightgray;
  }
  .home-text h1 {
  font-size: 1.7rem;
  }
  .text{
  margin-bottom: 0px !important;
  }
  .text-sec h1{
  font-size: 1.7rem;
  }
  .detail-sec h1{
  font-size: 1.7rem;
  }
  .contact-us-sec h1{
  font-size: 1.7rem;    
  }
  .change-text p {
  font-size: 2rem;
  }
  .app-store {
  width: 40%;
  }
  .visit-website {
  width: 40%;
  }
  .navbar-toggler label{
  width: 30px;
  }
  .navbar-toggler label span{
  margin: 3px 0;
  height: 3px;
  }
  .navbar-toggler input[type="checkbox"]:checked ~ span:nth-of-type(3) {
  transform-origin: bottom;
  width: 50%;
  transform: translate(13px,-5px) rotatez(45deg);
  }
  .navbar-toggler input[type="checkbox"]:checked ~ span:nth-of-type(1) {
  transform-origin: bottom;
  transform: rotatez(45deg) translate(5px,0px);
  }
  }

  /******************************************************************************
  Max Width "428px"
  *******************************************************************************/
  @media (max-width:428px) {
  .change-text p {
  font-size: 1.8rem;
  }
  .home-bg{
  height: 170px;
  }
  .change-text h4 {
  font-size: 1.1rem;
  }
  }

  /******************************************************************************
  Max Width "414px"
  *******************************************************************************/
  @media (max-width:414px) {

  }

  /******************************************************************************
  Max Width "412px"
  *******************************************************************************/
  @media (max-width:412px) {

  }


  /******************************************************************************
  Max Width "390px"
  *******************************************************************************/
  @media (max-width:390px) {
  .sec-1 .home-img .img img{
  width: 100%;
  background-color: lightgray;
  border-radius: 10px;
  margin: 0 !important;
  }
  .home-img .img img{
  width: 100%;
  height: 350px;
  }
  .change-text p {
  font-size: 1.5rem;    
  }
  .sec-1 .home-img .bg-img{
  margin: 0 !important;
  }

  }


  /******************************************************************************
  Max Width "384px"
  *******************************************************************************/
  @media (max-width:384px) {

  }

  /******************************************************************************
  Max Width "375px"
  *******************************************************************************/
  @media (max-width: 375px) {

  }
  /******************************************************************************
  Max Width "360px"
  *******************************************************************************/
  @media (max-width: 360px) {
  .custom-arrow{
  font-size: 18px;
  }
  .arrow {
  width: 35px;
  height: 35px;
  border-radius: 10px;
  }
  .custom-arrow {
  font-size: 16px;
  }
  }
  /******************************************************************************
  Max Width "320px"
  *******************************************************************************/
  @media (max-width: 320px) {
  .change-text p {
  font-size: 1.3rem;
  }
  .change-text h4 {
  font-size: 1rem;
  }
  }


  /******************************************************************************
  Device
  *******************************************************************************/
  @media only screen 
  and (device-width: 320px) 
  and (device-height: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {


  }

  @media only screen 
  and (device-width: 375px) 
  and (device-height: 812px)
  and (-webkit-min-device-pixel-ratio: 2) {

  }

  @media only screen 
  and (device-width: 360px) 
  and (device-height: 640px)
  and (-webkit-min-device-pixel-ratio: 2) {

  }

  @media only screen 
  and (device-width: 360px) 
  and (device-height: 760px)
  and (-webkit-min-device-pixel-ratio: 2) {


  }

  @media only screen 
  and (device-width: 360px) 
  and (device-height: 800px)
  and (-webkit-min-device-pixel-ratio: 2) {


  }

  @media only screen 
  and (device-width: 412px) 
  and (device-height: 732px)
  and (-webkit-min-device-pixel-ratio: 2) {


  }

  @media only screen 
  and (device-width: 810px) 
  and (device-height: 1080px)
  and (-webkit-min-device-pixel-ratio: 1) {


  }

  @media only screen 
  and (device-width: 768px) 
  and (device-height: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {


  }

  @media only screen 
  and (device-width: 1024px) 
  and (device-height: 1366px)
  and (-webkit-min-device-pixel-ratio: 1) {


  }

  @media only screen 
  and (device-width: 800px) 
  and (device-height: 1280px)
  and (-webkit-min-device-pixel-ratio: 1) {


  }

  @media only screen 
  and (device-width: 1440px) 
  and (device-height: 900px)
  and (-webkit-min-device-pixel-ratio: 1) {


  }

  @media only screen 
  and (device-width: 1280px) 
  and (device-height: 800px)
  and (-webkit-min-device-pixel-ratio: 1) {


  }