*{margin:0px;padding: 0px;}
.padbtm100{padding-bottom: 100px;}
.padtop100{padding-top: 100px}
.navbar-brand{padding: 0px;}
.imgsize{width: 150px;}
.imageh8{height: 34em;}
.padtp50{padding-top: 100px;}

#preloadscreen
{
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999;
  top: 0;
  left: 0;
}

#preloadscreen img
{
  width: 100%;
  height: auto;
}

.bg-about {
     position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    width: 45%;
    min-height: 650px;
    background: url(../img/home-8.jpg) no-repeat;
    background-size: cover;
}
.sp-clientpara{font-size: 24px;}
.sp-clientpara2{font-size: 15px;line-height: unset;font-weight: 600;margin: 10px 0 0 0;}

.carousel-indicators li
{
	height: 20px;
	width: 20px;
	border-radius: 50%;
}
.mobml38{margin-left: 36px;}

.map-responsive{
  overflow: hidden;
    position: relative;
    height: 0;
    margin: 0px 25px 0px 25px;
    padding-bottom: 39%;
}
.map-responsive iframe{
    left:0;
    top:0;
    width:100%;
    position:absolute;
}
.wrapper{
  position: fixed;
    left: 89%;
    top: 73%;
}

.waw-lht
{
 line-height: 29px;
}

button:focus {
    outline: none !important;
}

.btnselfstyle
{
  display: inline-block;
    font-size: 0.8125rem;
    font-weight: 400;
    padding: 10px 20px 10px 20px;
    text-transform: uppercase;
    transition: all 0.2s ease;
    border-radius: 10%;
    margin: 1px 3px 0px 9px;
}

.newModel
{
  position: fixed;
    top: 25%;
    left: 29%;
    z-index: 1056;
    display: none;
    width: 100%;
    height: 100%;
}

.width50{width: 50%;}

.modal-content{width: 84%;}

.swpimg img{padding: 19px;width: 15%;margin-right: 20px;}
.swpimg2 img{padding: 7px;width: 15%;margin-right: 25px;}
.swpw8th{width: 10% !important;}

/* Smartphones (portrait) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width :  767px) {
  /* For mobile phones: */
  .cta-block{padding: 0px!important;}
  .float-right{float: none !important;}
  .width50{width: auto;}
  .padtp50{padding-top: 50px;}
  .padtop100{padding-top: 0px}
  .imageh8{height:13em;}
  .team-h4{text-align: center;}
  .resparapad{padding: inherit;}
  .mt30{margin-top: 30px;}
  .mobml38{margin-left: 38px;}
  .sp-clientpara2{font-size: inherit;}
  .restextcenter{text-align: center;}
  .map-responsive{margin: 15px;}
  .noinmob{display: none}
  #chat-circle {bottom: 43px;right: 35px;background-size: contain;width: 44px;height: 44px;padding: 0px;}
}

/*Loader*/

.center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.loader {
  width: 100%;
  height: 100vh;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  opacity: 1;
  margin: auto;
  z-index: 999;
  transition: 0.65s ease-out all;
  -webkit-transform: scale(1);
          transform: scale(1);
  background-color: #f5f5f5;
}
.loader.disable {
  opacity: 0;
  z-index: -999;
  -webkit-transform: scale(0);
          transform: scale(0);
}
.loader .image {
  width: 35%;
  height: 70%;
  position: absolute;
  top: 15%;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  text-align: center;
 
}
.loader .image img {
  max-width: 100%;
  height: auto;
}
.loader span {
  display: block;
  width: 100%;
  height: 100%;
  z-index: 15;
  text-align: center;
  position: absolute;
  font-size: 85vh;
  color: #eee;
  letter-spacing: 5vh;
}

/*Loader*/

/* Smartphones (Landscape) ----------- */
@media (min-width: 481px) and (max-width: 767px) {

}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px)
  /* For general iPad layouts */
{
.map-responsive{margin-bottom: 100px}
}

/* (1920x1080) Full HD Display */
@media  screen and (min-width: 1920px)  {
    #chat-circle {bottom: 155px;right: 95px;}
    .chat-box {right: 93px;bottom: 170px;}
    .newModel {top: 52%;left: 33%;}
}

.readmorestl{
    color: blue;text-decoration: underline;font-size: 15px;font-weight: 600;font-family: cursive;
}