/*===================== TABLE OF CONTENT =======================
0.  Library CSS
1.  Reset Styling
2.  General Styling (All variable CSS)
3.  Header 1 ( 3 style)
4.  Home content (Home 1, Home 2, Home 3)
5.  Page default (Contact, About, ...)
6.  Sidebar (Shop, Post, Service, Project)
7.  Shop (Category, Single)
8.  Project (Category, Single)
9.  Footer
10. Responsive
=============================================================*/
/* Google fonts */
@import url('https://fonts.googleapis.com/css?family=Poppins:100,300,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i');

/* Library CSS */
@import "libs/bootstrap/bootstrap.css";
@import "libs/awesome/font-awesome.css";
@import "libs/ionicons/ionicons.css";
@import "libs/owl-carousel/owl.carousel.css";
@import "libs/magnific-popup/main.css";
@import "libs/flexslider/flexslider.css";
@import "libs/camera/camera.css";

@import "reset-styles.css";
@import "general.css";

@import "header.css";
@import "pages.css";
@import "blog.css";
@import "shop.css";
@import "sidebar.css";
@import "event.css";
@import "rooms.css";
@import "home.css";
@import "footer.css";
@import "responsive.css";


/*Whatsapp code*/

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mt--140 {
    margin-top: -60px;
  }
  .whatsapp-fixed {
    bottom: 90px;
    right: 0px;
    top: 73%;
    position: fixed;
    z-index: 9999;
    -webkit-animation: zcwmini2 1.5s 0s ease-out infinite;
    animation: zcwmini2 1.5s 0s ease-out infinite;
}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .mt--140 {
    margin-top: -95px;
  }
  .modal-lg {
    width: 1000px !important;
}
.whatsapp-fixed {
    bottom: 90px;
    right: 0px;
    top: 73%;
    position: fixed;
    z-index: 9999;
    -webkit-animation: zcwmini2 1.5s 0s ease-out infinite;
    animation: zcwmini2 1.5s 0s ease-out infinite;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mt--140 {
    margin-top: -95px;
  }
  .customer-care-sticky{
      display:none !important;
  }
  .whatsapp-fixed {
    bottom: 90px;
    right: 0px;
    top: 73%;
    position: fixed;
    z-index: 9999;
}

}

.mt--95 {
  margin-top: -95px;
}

.mt--130 {
  margin-top: -130px;
}

.mt--270 {
  margin-top: -270px;
}

.mb--240 {
  margin-bottom: -240px;
}

.ml--45 {
  margin-left: -45px;
}

.pt-215 {
  padding-top: 215px;
}

.pr-260 {
  padding-right: 260px;
}

.pb-270 {
  padding-bottom: 270px;
}

.pb-325 {
  padding-bottom: 325px;
}

.box-115 {
  padding-left: 115px;
  padding-right: 115px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .box-115 {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .box-115 {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .box-115 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .box-115 {
    padding-left: 15px;
    padding-right: 15px;
  }
 
  .whatsapp-fixed {
    bottom: 90px;
    right: 0px;
    top: 73%;
    position: fixed;
    z-index: 9999;
    -webkit-animation: zcwmini2 1.5s 0s ease-out infinite;
    animation: zcwmini2 1.5s 0s ease-out infinite;
}
}
.whatsapp-fixed span i {
    background-color: #4caf50;
    width: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    font-size: 25px;
    border-radius: 50%;
    -webkit-animation: zcwmini2 1.5s 0s ease-out infinite;
    animation: zcwmini2 1.5s 0s ease-out infinite;
}
.whatsapp-fixed {
    bottom: 90px;
    right: 17px;
    position: fixed;
    z-index: 9999;
     -webkit-animation: zcwmini2 1.5s 0s ease-out infinite;
    animation: zcwmini2 1.5s 0s ease-out infinite;
}

 #chatbox {
            width: 300px;
            height: 300px;
            border: 1px solid #ccc;
            overflow-y: scroll;
        }

        #message {
            width: 200px;
        }

        .chat-icon {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background-color: #007bff;
            color: #fff;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            text-align: center;
            line-height: 50px;
            cursor: pointer;
        }

        .chat-icon:hover {
            background-color: #0056b3;
        }

        .chat-container {
            position: fixed;
            bottom: 90px;
            right: 20px;
            width: 300px;
            height: 400px;
            border: 1px solid #ccc;
            background-color: #fff;
            display: none;
        }

        .chat-header {
            background-color: #007bff;
            color: #fff;
            padding: 10px;
            font-weight: bold;
        }

        .chat-content {
            height: 300px;
            overflow-y: scroll;
            padding: 10px;
        }

        .chat-input {
            padding: 10px;
        }