@media only screen and (max-width: 1279px) {
    header .headTop .rera {font-weight: 12px;}
    .banner .gitForm {padding: 22px;}
    .banner .gitForm h3 {font-size: 28px;}
    .banner .gitForm ul li {margin: 0 0 10px;}
    .banner .gitForm ul li input[type="text"], .banner .gitForm ul li.submit input[type="submit"] {font-size: 16px;}
    .readyToMove p {font-size: 24px;}
    .readyToMove .head h4 {font-size: 34px;}
    .readyToMove .head h4 span {font-size: 24px;}
    .readyToMove .gst {font-size: 34px; margin: 0 0 0 56px; padding: 0 0 0 56px;}
    .overview h2, .floorplan h3, .proHighlights h3, .layoutAmenities h3, .locationMap h3, .gallery h3 {font-size: 34px;}
    .overview .detail p {font-size: 16px; line-height: 28px; margin: 0 0 28px;}
    .floorplan ul li span {font-size: 14px;}
    .proHighlights .highlights ul li {font-size: 16px; background-position: 0 0;}
    .fewLeftRera .reraloanWrap {width: 100%; display: table; float: none;}
    .fewLeftRera .reraloanWrap .reraComp {display: table-cell; float: none;}
    .fewLeftRera .reraloanWrap .homeloans {display: table-cell; float: none;}
}
@media only screen and (max-width: 979px) {
    header .headTop .logo img {width: 120px;}
    header .headTop .call, header .headTop .mail {font-size: 22px; background-size: 42px 42px; padding: 0 0 0 50px;}
    header .headTop .call span, header .headTop .mail span {font-size: 12px;}
    header .headTop .rera {font-size: 12px;}
    .banner .gitForm {padding: 12px 18px;}
    .banner .gitForm h3 {font-size: 24px;}
    .banner .gitForm h3, .banner .gitForm ul li {margin: 0 0 8px;}
    .banner .gitForm ul li input[type="text"], .banner .gitForm ul li.submit input[type="submit"] {height: 40px; font-size: 14px;}
    .banner .gitForm ul li.submit input[type="submit"] {padding: 0 28px;}
    .readyToMove {padding: 32px 0 32px;}
    .readyToMove p {font-size: 18px;}
    .readyToMove .head h4, .readyToMove .gst {font-size: 24px;}
    .readyToMove .head h4 span {font-size: 18px;}
    .readyToMove .gst span {font-size: 12px;}
    .overview h2, .floorplan h3, .proHighlights h3, .layoutAmenities h3, .locationMap h3, .gallery h3 {font-size: 28px;}
    .overview {padding: 60px 0;}
    .overview .detail p { font-size: 14px; line-height: 22px; margin: 0 0 22px;}
    .floorplan .floorPlanSlider .bx-wrapper .bx-pager.bx-default-pager a {width: 16px; height: 16px;}
    .layoutAmenities .amenities .featureList ul li {width: calc(31% - 4px);}
}
@media only screen and (max-width: 767px) {
    header .headTop {display: block;}
    header .headTop .logo, header .headTop .callus, header .headTop .writetous {display: inline-block;}
    header .headTop .logo {float: left;}
    header .headTop .callus {float: right;}
    header .headTop .writetous {float: right;}
    header .headTop .mail {display: none;}
    .banner .gitForm {position: static; width: 100%; transform: none; padding: 24px 18px 12px 18px;}
    .banner .gitForm ul li {width: calc(48% - 4px); display: inline-block; vertical-align: top;}
    .banner .gitForm ul li:nth-child(2n) {margin: 0 0 10px 4%;}
    .banner .gitForm ul li.submit {width: 100%;}
    .readyToMove p {font-size: 16px;}
    .readyToMove .head h4, .readyToMove .gst {font-size: 18px;}
    .readyToMove .gst {margin: 0 0 0 30px; padding: 0 0 0 30px;}
    .readyToMove .head h4 span {font-size: 14px;}
    .overview h2, .floorplan h3, .proHighlights h3, .layoutAmenities h3, .locationMap h3, .gallery h3, .layoutAmenities h4 {font-size: 24px;}
    .proHighlights .highlights ul li {width: 100%; margin: 0 0 20px;}
    .layoutAmenities {padding: 46px 0;}
    .layoutAmenities .layout {width: 100%; margin: 0 0 40px;}
    .layoutAmenities .amenities {width: 100%;}
    .fewLeftRera .reraloanWrap, .fewLeftRera .reraloanWrap .reraComp, .fewLeftRera .reraloanWrap .homeloans {display: block; width: 100%;}
    .fewLeftRera .fewLeft, .fewLeftRera .reraloanWrap .reraComp, .fewLeftRera .reraloanWrap .homeloans {font-size: 20px;}
    footer ul li {display: block; padding: 0; margin: 4px 0; border: 0;}
    .proHighlights .highlights ul li {font-size: 14px;}
    .gallery .galSlider ul li {width: calc(50% - 4px); margin: 0 0 10px;}
}
@media only screen and (max-width: 479px) {
    header .headTop .call, header .headTop .mail {font-size: 18px; background-size: 36px 36px; padding: 0 0 0 40px;}
    header .headTop .call span, header .headTop .mail span {font-size: 10px;}
    .banner .gitForm h3 {font-size: 18px;}
    .banner .gitForm ul li input[type="text"], .banner .gitForm ul li.submit input[type="submit"] {height: 32px;}
    .readyToMove .gst {display: block; border: 0; padding: 0; margin: 0; padding-top: 10px; margin-top: 10px; text-align: center;border-top: 2px dotted #9a1d3d;}
    .overview {padding: 40px 0;}
    .overview h2, .floorplan h3, .proHighlights h3, .layoutAmenities h3, .locationMap h3, .gallery h3, .layoutAmenities h4 {font-size: 18px; margin: 0 0 20px;}
    .floorplan ul li span, .proHighlights .highlights ul li {font-size: 12px;}
    .proHighlights .highlights ul li {padding: 0 24px; background-size: 14px 14px;}
    .overview .detail p {font-size: 12px; line-height: 16px; margin: 0 0 16px;}
    .locationMap, .gallery {padding: 32px 0;}
}