@font-face {
    font-family: "MontserratRegular";
    src: url("../fonts/MontserratRegular.eot");
    src: url("../fonts/MontserratRegular.eot") format("embedded-opentype"),
        url("../fonts/MontserratRegular.woff2") format("woff2"),
        url("../fonts/MontserratRegular.woff") format("woff"),
        url("../fonts/MontserratRegular.ttf") format("truetype"),
        url("../fonts/MontserratRegular.svg#MontserratRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MontserratSemiBold";
    src: url("../fonts/MontserratSemiBold.eot");
    src: url("../fonts/MontserratSemiBold.eot") format("embedded-opentype"),
        url("../fonts/MontserratSemiBold.woff2") format("woff2"),
        url("../fonts/MontserratSemiBold.woff") format("woff"),
        url("../fonts/MontserratSemiBold.ttf") format("truetype"),
        url("../fonts/MontserratSemiBold.svg#MontserratSemiBold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MontserratLight";
    src: url("../fonts/MontserratLight.eot");
    src: url("../fonts/MontserratLight.eot") format("embedded-opentype"),
        url("../fonts/MontserratLight.woff2") format("woff2"),
        url("../fonts/MontserratLight.woff") format("woff"),
        url("../fonts/MontserratLight.ttf") format("truetype"),
        url("../fonts/MontserratLight.svg#MontserratLight") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MontserratThin";
    src: url("../fonts/MontserratThin.eot");
    src: url("../fonts/MontserratThin.eot") format("embedded-opentype"),
        url("../fonts/MontserratThin.woff2") format("woff2"),
        url("../fonts/MontserratThin.woff") format("woff"),
        url("../fonts/MontserratThin.ttf") format("truetype"),
        url("../fonts/MontserratThin.svg#MontserratThin") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MontserratMedium";
    src: url("../fonts/MontserratMedium.eot");
    src: url("../fonts/MontserratMedium.eot") format("embedded-opentype"),
        url("../fonts/MontserratMedium.woff2") format("woff2"),
        url("../fonts/MontserratMedium.woff") format("woff"),
        url("../fonts/MontserratMedium.ttf") format("truetype"),
        url("../fonts/MontserratMedium.svg#MontserratMedium") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MontserratBold";
    src: url("../fonts/MontserratBold.eot");
    src: url("../fonts/MontserratBold.eot") format("embedded-opentype"),
        url("../fonts/MontserratBold.woff2") format("woff2"),
        url("../fonts/MontserratBold.woff") format("woff"),
        url("../fonts/MontserratBold.ttf") format("truetype"),
        url("../fonts/MontserratBold.svg#MontserratBold") format("svg");
    font-weight: normal;
    font-style: normal;
}

img.wahtimg {
    width: 50px;
    padding: 10px 5px;
}
.whatsicon {
    background: #ffa800;
    padding: 15px 5px;
    border-radius: 3px;
}
.whatsicon1 {
    position: fixed;
    top: 1%;
    right: 0;
    z-index: 99999;
}
.whatsicon2 {
    position: fixed;
    top: 11%;
    right: 0;
    z-index: 99999;
}
.whatsicon a, .whatsicon1 a, .whatsicon2 a {
    padding: 20px 0px;
    border-radius: 2px;
    cursor: pointer;
}
.whatsicon1 img, .whatsicon2 img {
    width: 50px;
}
.floating-btns {
    position: fixed;
    top: 25%;
    right: 0;
    z-index: 999999999;
}
.txtwhats {
    width: 90%;
    float: right;
    margin-bottom: 15px;
}
body {
    font-family: "MontserratLight";
    font-size: 14px;
    color: #3d383a;
}

img {
    max-width: 100%;
}

a {
    text-decoration: none;
    transition: all 0.5s;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: 0;
}

.MontserratLight {
    font-family: "MontserratLight";
}

.more {
    display: none;
    padding: 15px 0 0 0;
    width:100%;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    z-index: 9999;
}

.carousel-control-next,
.carousel-control-prev {
    top: 10%;
    z-index: 99999;
}

.carousel-indicators li {cursor:pointer;width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    background: #ffa800!important;
    opacity: .4;}

.carousel-indicators li.active {
    background: #ffa800!important;
	opacity: 1;
}

.roboto {
    font-family: "RobotoRegular";
}

.play-bold {
    font-family: "PlayFairDisplayBold";
}

.banner {
    font-size: 14px;
    line-height: 26px;
}

.banner h4 {
    margin: 20px 0 10px 0;
    width: 100%;
    display: block;
}

.banner h2 {
    color: #1c7fbe;
    margin: 0 auto;
    display: block;
    text-align: center;
    width: 100%;
}

.site-header {
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
    z-index: 99;
}

.banner-captions {
    /* top: 145px; */
    top:45px;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 99;
}

.white-color {
    color: #fff;
}

.site-logo {
    width: 150px;
}

.play-fair-italic {
    font-family: "PlayFairDisplayItalic";
    line-height: normal;
}

.yellow-box {
    background: #ebb240;
}

.yellow-box:before {
    content: "";
    border: 2px solid #fff;
    width: calc(100% - 30px);
    left: 15px;
    top: 15px;
    height: calc(100% - 30px);
    position: absolute;
}

.stamp {
    position: absolute;
    left: calc(100% - 50px);
    top: calc(100% - 60px);
}

.phone-no {
    background: rgba(255, 255, 255, 0.85);
    padding: 5px 10px;
    margin-right: -15px;
    color: #4e4e4e;
    font-family: "MontserratSemiBold";
    display: inline-block;
}

.phone-no i {
    width: 20px;
    height: 20px;
    line-height: 18px;
    display: inline-block;
    color: #ebb240;
    border: 1px solid;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
}

#form {
    background: #fff;
    border: none !important;
    border-radius: 10px;
    padding-bottom: 5px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "MontserratRegular";
}

.form-title {
    font-family: "MontserratRegular";
    color: #491b7d;
    display: block;
    width: 100%;
    background: none;
}
label {
    display: inline-block;
    margin-bottom: 0rem;
	font-size:13px;
}

.clr-ble {
    color: #1c7fbe;
    text-align: center;
}

select.form-control:not([size]):not([multiple]) {
    height: auto;
}

.form-control {
    border: 1px solid #8a1a80 !important;
    border-radius: 3px !important;
    padding: 3px 10px !important;
    line-height: normal !important;
    height: 25px !important;
	font-size:14px;
}

.form-control:focus {
    background-color: #fff;
    border-color: #ebb240 !important;;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(235, 178, 64, 0.5) !important;;
}

select.form-control {
    padding: 4px 10px;
}

/* new changes */
.form-holder {
    margin-top: 0px;
    left: 0%;
    box-shadow: 5px 10px 15px #3e3e3e;
}
/* new changes */
.spacing{
    margin-top: 2rem !important;
}
.pd_eql {
    padding: 0px 10px;
}

button.viewmore {
    background: transparent;
    border: none;
    color: #e11a53;
    font-weight: bold;
    cursor: pointer;
}

.help-block.with-errors {
    font-size: 12px;
    color: #a00;
}

.btn-primary {
    border-radius: 0;
    background: linear-gradient(90deg, #ed3d72 2%, #e56a98 56%, #ed3d72 82%);
    border-color: #ed3d72;
    text-transform: uppercase;
    border-radius: 30px;
    width: 125px;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    /* display: block; */
}

.btn-primary.disabled,
.btn-primary:disabled {
    background: linear-gradient(90deg, #ed3d72 2%, #e56a98 56%, #ed3d72 82%);
    border-color: #ed3d72;
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(235, 178, 64, 0.5);
}

.btn-primary:hover {
    color: #fff;
    background-color: #ebb240;
    border-color: #ebb240;
}

.btn.disabled,
.btn:disabled {
    opacity: 1;
}

.head-title {
    position: relative;
    color: #565656;
}

.nameproj {
    background: #c70136;
    font-weight: 600;
    color: #fff;
    padding: 7px;
    top: 0;
    font-size: 15px;
    right: auto;
    z-index: 999;
}

.head-title:before {
    content: "";
    bottom: 0;
    left: 50%;
    width: 180px;
    transform: translateX(-50%);
    height: 5px;
    background: #ebb240;
    position: absolute;
}

.project-holder {
    background: #f7f7f3;
    position: relative;
    height: 100%;
    /* margin-bottom: 30px; */
    /* margin-bottom: 100px; */
    box-shadow: 0px 6px 10px #a0a0a0;
}

.around-border {
    position: relative;
}

.blinking {
    animation: blinkingText 0.9s infinite;
}

@keyframes blinkingText {
    0% {
        color: #c70136;
    }

    49% {
        color: #c70136;
    }

    50% {
        color: transparent;
    }

    99% {
        color: #c70136;
    }

    100% {
        color: #671b7d;
    }
}

.enqu {
    background: transparent;
    color: #e11a53;
    font-weight: 600;
    border: none;
    font-size: 14px;
    padding: 0;
    line-height: 10px;
}

.around-border:before {
    border: 1px solid #fff;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    content: "";
    position: absolute;
    left: 15px;
    top: 15px;
}

.project-title {
    right: 14px;
    top: 15px;
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-shadow: 0px 0px 0.98px rgba(0, 0, 0, 0.75);
    position: absolute;
    text-align: right;
    background: url("../images/logo-bg.png");
    width: 179px;
    height: 108px;
    padding: 8px;
}

.col-md-3 .project-title {
    background: url("../images/logo-bg-small.png");
    width: 159px;
    height: 96px;
    padding: 5px;
}

.project-holder .project-title img {
    width: auto;
}

.outer-div {
    height: 300px;
    overflow: hidden;
}

/*.inner-divblue{ height: 100%;  width: 100%;    background-size: cover;
     background-position: center;transition: all 0.5s ease;     background-image: url('images/bluefeb.png');}
.inner-divblue:hover{     transform: scale(1.2);}
.inner-divtreasure{ height: 100%;  width: 100%;    background-size: cover;
     background-position: center;transition: all 0.5s ease;     background-image: url('images/tresurefeb.png');}
.inner-divtreasure:hover{     transform: scale(1.2);}*/

.inner-divluxor {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
    background-image: url("../images/luxor2.jpg");
}

.inner-divluxor:hover {
    transform: scale(1.2);
}

.inner-divgreen {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
    background-image: url("../images/greenfieldfeb2.jpg");
}

.inner-divgreen:hover {
    transform: scale(1.2);
}
.inner-divgreen-phase2 {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
    background-image: url("../images/greenfield-2phase.jpg");
}

.inner-divgreen-phase2:hover {
    transform: scale(1.2);
}
.inner-rg {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
    /* background-image: url("../images/rg.jpg"); */
}

.inner-rg:hover {
    transform: scale(1.2);
}
.inner-ls {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
    /* background-image: url("../images/ls.jpg"); */
}

.inner-ls:hover {
    transform: scale(1.2);
}
.inner-divsouth {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
    background-image: url("../images/sc.jpg");
}

.inner-divsouth:hover {
    transform: scale(1.2);
}

.inner-divbreak {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
    background-image: url("../images/rightbreak.jpg");
}

.inner-divbreak:hover {
    transform: scale(1.2);
}

.inner-divdch {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
    /* background-image: url("../images/dchfeb3.jpg"); */
}

.inner-divdch:hover {
    transform: scale(1.2);
}

.inner-divearth {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
    /* background-image: url("../images/rightearth.jpg"); */
}

.inner-divearth:hover {
    transform: scale(1.2);
}

.inner-divsameek {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
    background-image: url("../images/rightsameek.png");
}

.inner-divsameek:hover {
    transform: scale(1.2);
}

.inner-divsummitt {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
    background-image: url("../images/sm2.jpg");
}

.inner-divsummitt:hover {
    transform: scale(1.2);
}

.inner-divapart {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
     /* background-image: url("../images/chirpingwoodsapartments.jpg"); */
}

.inner-divapart:hover {
    transform: scale(1.2);
}

.inner-divilla {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
    background-image: url("../images/chirpingwoodsvillaments.png");
}

.inner-divilla:hover {
    transform: scale(1.2);
}

.inner-divliberty {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
    background-image: url("../images/libertysquare.png");
}

.inner-divliberty:hover {
    transform: scale(1.2);
}

.inner-divrainforest {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
    /* background-image: url("../images/rainforest.jpg"); */
}

.inner-divrainforest:hover {
    transform: scale(1.2);
}

.inner-divblue {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
    /* background-image: url("../images/blue.jpg"); */
}

.inner-divblue:hover {
    transform: scale(1.2);
}

.inner-divsc {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
    /* background-image: url("../images/sc.jpg"); */
}

.inner-divsc:hover {
    transform: scale(1.2);
}


/* new code start */
.inner-divjoy {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
    /* background-image: url("../images/joy.jpg"); */
}

.inner-divjoy:hover {
    transform: scale(1.2);
}
.inner-divpark {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
    /* background-image: url("../images/p63.jpg"); */
}

.inner-divpark:hover {
    transform: scale(1.2);
}
.inner-divcity {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
    /* background-image: url("../images/dvine-city.jpg"); */
}

.inner-divcity:hover {
    transform: scale(1.2);
}
.inner-divcity-1 {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
    /* background-image: url("../images/diviencity-1.jpg"); */
}

.inner-divcity-1:hover {
    transform: scale(1.2);
}

.inner-divca {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
    /* background-image: url("../images/ca.png"); */
}

.inner-divca:hover {
    transform: scale(1.2);
}

.inner-div7rk{
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
    /* background-image: url("../images/7rks.png"); */
}

.inner-div7rk:hover {
    transform: scale(1.2);
}
/* new code */
.btn{
    font-size: 0.6rem;
    padding: .375rem .5rem;
}
.padd-both-15 {
    padding-left: 30px;
    padding-right: 30px;
}

.padd-mar-15 {
    padding-right: 15px;
    margin-left: -15px;
}

.custom-bullets > li {
    padding: 5px 0 5px 0;
    border-bottom: 1px solid #a3a3a3;
    height: auto !important;
    min-height: auto !important;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

ul ul {
    padding-left: 10px;
}

.project-title {
    right: 14px;
    top: 15px;
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-shadow: 0px 0px 0.98px rgba(0, 0, 0, 0.75);
    position: absolute;
    font-family: "PlayFairDisplayBold";
    text-align: right;
    background: url(images/logo-bg.png);
    width: 179px;
    height: 108px;
    padding: 8px;
}

.tab button {
    width: 30%;
    padding: 7px 10px;
    margin: 0 15px 30px 15px;
    box-shadow: 4px 4px 5px -1px rgba(0, 0, 0, 0.4),
        0 6px 10px 0 rgba(0, 0, 0, 0.19);
    border: none;
    cursor: pointer;
    color: #fff;
    border-radius: 0px;
    text-align: center;
}
.firstb {
    background-color: #e11a53;
}
.sectb {
    background-color: #0184bc;
}
.thirdtb {
    background-color: #f89a1d;
}
.tab button:hover {
    background: #671b7d;
}
.tab button.active {
    background-color: #671b7d;
    color: #fff;
}
.w-85 {
    width: 85%;
    text-align: right;
}
.w-75 {
    width: 75%;
    text-align: right;
}
.w-65 {
    width: 65%;
    text-align: right;
}
.ta-right{
    text-align:right;
}
.mh-50 {
    min-height: 55px;
}
.mh-75 {
    min-height: 75px;
}
.h-275 {
    height: 260px;
}
.clr {
    clear: both;
}

.project-holder a {
    position: relative;
    z-index: 9;
}

.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #ebb240;
    border-color: #ebb240;
    box-shadow: 0 0 0 0.2rem rgba(235, 178, 64, 0.5);
}

.same-height-div {
    margin-bottom: 15px;
}

.sticky-btns {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.sticky-btns a {
    font-weight: bold;
    width: 50%;
    text-transform: uppercase;
    float: left;
    height: 40px;
    text-align: center;
    color: #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    background-color: #c70136;
    line-height: 40px;
    font-size: 10px;
}

.dummy-div {
    height: 36px;
    width: 100%;
}

/*.sticky-btns a:last-child {
    border-right: none;
    width: 100%;
}
*/
.modal-header {
    background: #ebb240;
    border-radius: 0;
}

.modal-title {
    color: #fff;
}

.modal-content {
    border-radius: 0;
}

.modal-header .close {
    cursor: pointer;
}

.grey-bg {
    background: #f6f6f6;
}

#prblue {
    display: none;
}

#prgreen {
    display: none;
}

.circle-icon {
    position: relative;
    background: #ebb240;
    border-radius: 50%;
    width: 75px;
    height: 75px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

.circle-icon div {
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    line-height: 1.2;
}

.circle-icon:after {
    position: absolute;
    top: 3px;
    left: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border: 1px solid #fff;
    z-index: 1;
    border-radius: 50%;
    content: "";
}

.gf-bg {
    background: url("../images/gf.jpg");
    background-size: cover;
    background-position: -85px center;
}

.white-bg {
    background: rgba(255, 255, 255, 0.87);
}

.gf-logo {
    position: absolute;
    top: 0;
    left: 0;
}

.gf-bg .offer-logos {
    position: absolute;
    bottom: 15px;
    left: 15px;
}

.project-holder .offer-logos img {
    width: 80px;
}
/* new changes */

#exTab1 .nav-pills > li > a {
    border-radius: 0;
    color:#fff;
  }
  #exTab1 .tab-content {
   padding : 5px 15px;
  }
  .nav-tabs{
    border-bottom:none;
  }
  .nav-tabs li{
    width: 30%;
    padding: 0px;
    margin: 0 15px 30px 15px;
    box-shadow: 4px 4px 5px -1px rgba(0, 0, 0, 0.4), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
    border: none;
    cursor: pointer;
    color: #fff;
    border-radius: 0px;
    text-align: center; 
    background-color: #0184bc;
  }
  #chennai .nav-tabs li{
    background-color: #e11a53;
  }
  .nav-tabs a{
      color:#fff;
      /* padding: 5px 120px; */
  }
#chennai .nav-tabs .nav-item.show .nav-link, #chennai .nav-tabs .nav-link.active{
    background-color: #671b7d;
}
  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    background-color: #8dc540;
    color:#fff;
    border-color: #ddd0 #ddd0 #fff0;
    border-radius: 0px;
  }
  .nav-tabs .nav-item{
    margin-bottom: 30px;
  }



  .text {
    margin: 0 60px;
  }
  
  /* span {
    font-style: italic;
    display: block;
  } */
  
  img {
    max-width: 100%;
  }
  #Newlaunches{
      width:100%
  }
  .mh-75{
      min-height: 75px;
  }
  /* Floating Social Media Bar Style Starts Here */
  
  
  .fl-fl {
    background: #ffa800;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 4px;
    width: 82%;
    position: fixed;
    right: -77%;
    z-index: 1000;
    font: normal normal 10px Arial;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all 1s ease;
  }
  
  .fa {
    font-size: 20px;
    color: #fff;
    padding: 10px 0;
    width: 40px;
    margin-left: 8px;
  }
  
  /* .fl-fl:hover {
    right: 0px;
    width: 20%;
  } */
  
  .fl-fl a {
    color: #fff !important;
    text-decoration: none;
    text-align: center;
    line-height: 17px;
    vertical-align: top!important;
    display: block;
    font-size: 12px;
    text-align: left;
    /* padding-left:30px; */
    /* padding-top: 20px; */
  }
  
  .float-fb {
    top: 20px;
  }
  .float-sm img{
       width:58px; 
      float:left;
      margin-top: 0px;
      margin-right: 20px;
      margin-bottom: 0px;
      
  }
  
  .flex-d{
    display: block;
    margin:0;
  }
  .flex-dir{
    display:flex;
    flex-direction: row;
    justify-content: center;
  }
  .project-row{
    margin:0px;
  }
  
  
  .no-padding1{
        padding-right:0px;
        padding-left:0px;
    }
  
    /* youtube popup start */
 .popups {
   text-align: center;
    background: #de4a80;
    padding: 10px;
    width: 60%;
    margin: 0 auto;
    border-radius: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    /* position: absolute; */
    /* bottom: 2%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); */
}
.mb-95
{
    margin-bottom: 95px
}
.popups a{
    color:#fff; 
}
.pb-50{
    padding-bottom:50px;
}
.mh-90{
    min-height: 70px;
}
  /* Floating Social Media Bar Style Ends Here */
  
@media only screen and (max-width: 767px) {
    .img-d-none{
        display:none;
    }
    .headers{
        position:relative;
    }
	.banner-captions {
    top:0px;
	}

    .mh-90{
        min-height: 90px;
    }
    .outer-div img{
    width:100%;
    height: 100%;
}
.outer-div{
    height: 100%;
}
  
    .pb-50{
    padding-bottom:0px;
}
    .no-padding{
        padding-right:0px;
        padding-left:0px;
    }
    .hidden-xs{
        display:none;
    }
    .float-fb {
    top: 80px;
    
}
.fl-fl {
    width: 99% !important;
}
.whatsicon1{
    top:10%;
}
.whatsicon2{
    top:20%;
}
    #sidemenu ul{
        padding:0px;
    }
    #sidemenu li a{
        font-size: 14px;
    }
    #sidemenu li{
        padding:12px;
    }
    .btn-primary{
        width:100%;
        margin-bottom: 10px;
}
    #exTab2{
        padding:0px;
    }
    .nav-tabs li{
        width:46%;
        margin:0 5px;
    }
    .tab-content>.active{
        padding:0;
    }
    .h-275 {
        height: 275px;
    }
    .site-logo {
        width: 110px;
    }

    img.wd-200 {
        width: 168px;
        margin: 10px auto 0 auto;
        display: block;
    }
    .yellowbg {
        background: url("images/bg_2ndscroll.jpg");
    }
    .ablogo {
        margin-top: -230px !important;
    }
    #loading {
        width: 100px !important;
    }
    .banner-captions {
        /* top: 0; */
        position: relative;
        left: 0;
        width: 100%;
        z-index: 99;
        bottom: 0;
    }
    .tab button {
        width: 35%;
    margin: 0 1px 0;
    }
    
}

/* new changes */
@media only screen and (max-width:425px){
    .fl-fl{
        width: 95%;
    }
    .float-sm img{
        margin-right: 45px;
    }
    .fl-fl:hover{
        width:90%;
    }
}
@media only screen and  (min-width:426px) and (max-width:767px){
    .fl-fl{
        width: 90%;
    }
    .float-sm img{
        margin-right: 45px;
    }
    .fl-fl:hover{
        width:50%;
    }
}
@media only screen and  (min-width:768px) and (max-width:991px){
    .mh-90 {
    min-height: 135px;
}
    
    .whatsicon1{
    top:1%;
}
.whatsicon2{
    top:12%;
}
    .popups {
    position: relative;
    width: 100%;
    /* -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%); */
}
    .fl-fl{
        width: 85%;
    }
    .float-sm img{
        margin-right: 45px;
    }
    .fl-fl:hover{
        width:40%;
    }
        .flex-d {
    display: block;
}
    .outer-div {
    height: 180px;
}
.fs-24 {
    font-size: 18px;
}
.mh-50 {
    min-height: 75px;
}
.col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 100%;
    max-width: 100%;
}
.offset-md-1 {
    margin-left: 0;
}
.gf-bg .offer-logos {
        position: relative;
        bottom: auto;
        left: auto;
    }
 .gf-logo {
        position: relative;
        top: 0;
        left: auto;
    }
.stamp {
        position: absolute;
        left: 50%;
        top: auto;
        transform: translateX(-50%);
        bottom: calc(100% + 72px);
    }
    .gf-bg {
        background-position: center;
    }

    .white-bg-mobile {
        background: rgba(255, 255, 255, 0.87);
    }

    .circle-icon {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .head-title {
        line-height: 45px;
        padding-top: 0;
    }

    .padd-mar-15 {
        margin-left: 0;
        padding-left: 15px;
    }

    #form {
        max-width: 90% !important;
        margin: 0 auto;
    }

    .form-holder {
        margin-top: 30px;
        box-shadow: none;
        left: 0;
    }

    .tab button {
        width: 44%;
        font-size: 13px;
        padding: 6px;
        margin: 6px 4px;
    }
    .banner-captions {
        top: 0;
        position: relative;
        left: 0;
        width: 100%;
        z-index: 99;
        bottom: 0;
    }
}
@media only screen and  (min-width:992px) and (max-width:1199px){
      .mh-90 {
    min-height: 90px;
}
       .whatsicon1{
    top:1%;
}
.whatsicon2{
    top:12%;
}
    .btn-primary {
    width: 103px;
}
.btn {
    font-size: 0.5rem;
    padding: .275rem .5rem;
}
    .fl-fl{
        width: 83%;
    }
    .float-sm img{
        margin-right: 45px;
    }
    .fl-fl:hover{
        width:40%;
    }
          .flex-d {
    display: block;
}
    .banner-captions {
    /* top: 55px; */
    top:25px;
}
.banner1{top:28%;}
    .form-group {
        margin-bottom: 5px;
    }

    .het1 {
        min-height: 250px;
    }

    .het3 {
        min-height: 210px;
    }

    .het4 {
        min-height: 180px;
    }

    .het2 {
        min-height: 180px;
    }
    .outer-div {
    height: 240px;
    overflow: hidden;
}
.fs-24 {
    font-size: 20px;
}
}
@media only screen and (min-width:1800px){
    
.form-holder {
    margin-top: 100px;
    left: 10%;
    box-shadow: 5px 10px 15px #3e3e3e;
}
.fl-fl{
    width: 81%;
}
.float-sm img{
    margin-right: 45px;
}
.fl-fl:hover{
    width:25%;
}
.site-header {
    top: 25px;  
}
}
@media only screen and (min-width:2000px){
    .site-header {
    top: 35px;  
}
    
    .form-holder {
        margin-top: 125px;
        left: 35%;
        box-shadow: 5px 10px 15px #3e3e3e;
    }
    
    }
    /* new changes */
#loading {
    -webkit-animation: rotation 2s infinite linear;
    width: 155px;
}
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotateY(0deg);
    }
    to {
        -webkit-transform: rotateY(359deg);
    }
}
.ablogo {
    margin-top: 165px;
}

@keyframes slideright {
      100% {
          right: 0;
      }
  }
@media only screen and (min-width:768px){

      /* Sticky menu code Start */
#sidemenu ul {
    clear: both;
      position: fixed;
      /* display: block; */
      list-style-type: none;
      right: -3.2em;
      top: 33%;
      -webkit-animation: slideright 0.5s forwards;
      -webkit-animation-delay: 0s;
      animation: slideright 0.5s forwards;
      animation-delay: 0s;
  }
  
  
  
  #sidemenu  li {
    /* margin-bottom: 100%;
    margin-right: -50px; */
    margin-bottom: 120%;
    margin-right: -50px;
    padding: 15px;
    -webkit-transform: rotate(270deg);
      -moz-transform: rotate(270deg);
      -o-transform: rotate(270deg);
       background-color: rgba(212, 20, 90, 0.77);
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
    text-align: center;
      -webkit-transition: width .5s, background-color .1s;
      transition: width .5s, background-color .1s;
  
  }
  
  #sidemenu li a {
      font-size: 19px;
      text-transform: none;
      text-align: center;
    text-decoration: none;
      color: #ebebeb;
  }
  
  #sidemenu li:hover {
    background-color: rgb(193, 150, 59);
    color: #fff;
  }

  #myBtn {
    display: none;
    position: fixed;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 4px;
    padding: 0;
  }
  
/* Sticky menu code ends */

}
.more::-webkit-scrollbar {
    width: 5px;
  }
  
  /* Track */
  .more::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  .more::-webkit-scrollbar-thumb {
    background: #888; 
  }
  
  /* Handle on hover */
  .more::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }
  .more{
    height: 75px;
    font-size: 12px;
    overflow-y: scroll;
    padding: 4px;
    text-align: right;
    margin-bottom: 0px;
  }

@media only screen and (min-width:1200px) and (max-width:1299px){
    .banner-captions {top:120px;}
    .banner1{top:40%;}

}
@media only screen and (min-width:1300px) and (max-width:1399px){
    .banner-captions {top:120px;}
    .banner1{top:38%;}
}
@media only screen and (min-width:1400px) and (max-width:1599px){
    .banner-captions {top:150px;}
    .banner1{top:45%;}
}
@media only screen and (min-width:1600px) and (max-width:1799px){
    .banner-captions {top:158px;}
    .banner1{top:45%;}
}

.site-footer { padding-bottom:60px}