@import url('https://fonts.googleapis.com/css?family=Playfair+Display+SC:400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,800');

* {    margin: 0px;    padding: 0px;    box-sizing: border-box;}
html {    overflow-x: hidden;}
body {    overflow-x: hidden;}
/* @font-face {    font-family: 'GothamRoundedBold';    src: url('GothamRoundedBold.otf');    src: url('GothamRoundedBold.ttf') format('truetype');}

@font-face {    font-family: 'GothamRoundedBook';    src: url('GothamRoundedBook.otf');    src: url('GothamRoundedBook.ttf') format('truetype');}

@font-face {    font-family: 'GothamRoundedMedium';    src: url('GothamRoundedMedium.otf');    src: url('GothamRoundedMedium.ttf') format('truetype');} */


body{font-family: 'Open Sans', sans-serif;	 font-weight:400;letter-spacing: 1.2px;}
.head,.box_h{font-family: 'Playfair Display', sans-serif;}

#footersection {    position: relative;    clear: both;    background: white;}
.reradisclaimerbtn {    cursor: pointer;}
.menu {    top: 0px;    width: 100%;    height: 80px;      position: fixed;    -webkit-transition: all 0.4s ease;    -moz-transition: all 0.4s ease;    -o-transition: all 0.4s ease;    transition: all 0.4s ease;    z-index: 999;}
.menu_white{background-color: #ffffffe0;}


.light-menu {    width: 100%;    height: 80px;    background-color: rgba(255, 255, 255, 1);    position: fixed;    background-color: rgba(4, 180, 49, 0.6);    -webkit-transition: all 0.4s ease;    -moz-transition: all 0.4s ease;    -o-transition: all 0.4s ease;    transition: all 0.4s ease;}
#menu-center {    height: 75px;    float: right;}
.logo {      display: inline-block;}
.logoimg {  height: 60%;top: 20%;    width: auto;    display: inline-block;    margin-left: 20px;    position: absolute;    z-index: 999;}
#menu-center ul {    margin: 0 0 0 0;    float: right;    margin-right: 20px;}
#menu-center ul li a {   text-transform: uppercase; font-size: 11px;    padding: 32px 15px; font-weight: 600;  text-decoration:none ;   }
#menu-center ul li span {   font-size: 14px;    cursor: pointer;}
.white{color:#fff}
.blue{color:#0081cc}
.red{color:#cca300}
#menu-center ul li {    list-style: none;    margin: 0 0 0 -4px;    display: inline;}
#menu-center ul li a:hover {   color: #cca300;  }
#menu-center ul li span:hover {   }
a {    font-size: 14px;    color: black;    text-decoration: none;    line-height: 72px;}
#home {    overflow: hidden;    width: 100%; height: 100vH; background-image: url("../images/desktop1.jpg"); background-repeat: no-repeat;background-position: center center;background-size: cover;  clear: both;    float: left;    position: relative;display: flex;justify-content: center;align-items: center;   }
/* #home::before{content:"";top: 0;left: 0;width: 100%;height: 100vH;background: linear-gradient(to bottom,#0000008c 0%, #0000008c 100%);position: absolute;} */
.banner_p{font-weight: 900;font-size: 40px;text-transform:uppercase; padding-left: 20px;border-left:3px solid #cca300 ;}

.banner_sliderr{width: 90%;margin: 0 5%;float: left;position: relative;overflow: hidden; height: 100vH;display: flex;justify-content: center;align-items: center;}
.bannerslider {    max-width: 100%;    display: flex;justify-content: center;align-items: center;}
.bannersliderm {    max-width: 100%;    display: none !important;}
.enanchor:hover {    background-color: #fff;   color: #003661; border: 1px solid #003661;    transition: all 0.7s linear;}
.enanchor {    cursor: pointer;    border: 0.5px solid #fff;    border-radius: 5px;    background-color: #003661;    text-decoration: none !important;    position: fixed;    top: 25%;    right: 0%;    display: none;    padding: 5px 20px;    color: #fff;    font-size: 16px !important;    height: 100%;    float: right;    margin-right: 33px;    transform-origin: right top 0;    transform: rotate(270deg) !important;    -webkit-transform: rotate(270deg) !important;    -webkit-transform-origin: right top;    -moz-transform: rotate(270deg) !important;    -moz-transform-origin: right top;    -o-transform: rotate(270deg) !important;    -o-transform-origin: right top;    -ms-transform: rotate(270deg) !important;    -ms-transform-origin: right top;}
.enanchor1 {    top: 65%;    line-height: 1.5;}
#enqform,.reconfirm_popup {    position: fixed;    top: 0%;    width: 100%;    z-index: 999;    background-color: rgb(0 0 0 / 89%);    height: 100vH;    transition: all 0.5s linear;    display: none;}
#configform {    position: fixed;    top: 0%;    width: 100%;    z-index: 999;    background-color: rgb(0 0 0 / 89%);    height: 100vH;    transition: all 0.5s linear;    display: none;}
.reconfirm_popup_sub,.enqcontainer {    padding: 30px;    max-width: 320px;    width: 100% !important;    background-color: #003661;    margin: 0 auto;    border-radius: 2px;    box-shadow: -1px -1px 4px 3px rgba(255, 255, 255, 0.3);    overflow: hidden;    border: 2px solid #000;    margin-top: 10%;    position: relative;}
.enqcontainer h1 {    text-align: center;    font-size: 16px;    color: #fff;}
.enqcontainer input[type=text],input[type=select] {    height: 30px;    font-size: 16px;    width: 100%;    margin-bottom: 10px;    -webkit-appearance: none;    background: #fff;    border: 1px solid #d9d9d9;    border-top: 1px solid #c0c0c0;    padding: 0 8px;    box-sizing: border-box;    -moz-box-sizing: border-box;    border-radius: 0.25rem !important;}
.sidecontainer {    position: fixed;    bottom: 10%;    width: 280px;    right: -280px;    z-index: 999;    background-color: #000;    transition: all 0.5s linear;    padding: 10px 20px;    background-color: #003661;    margin: 0 auto;    border-radius: 2px;    box-shadow: none;    overflow: hidden;    border: 2px solid #000;}
.sidecontainer h1 {    text-align: center;    font-size: 16px;    color: #fff;}
.sidecontainer input[type=text],input[type=select] {    height: 30px;    font-size: 16px;    width: 100%;    margin-bottom: 10px;    -webkit-appearance: none;    background: #fff;    border: 1px solid #d9d9d9;    border-top: 1px solid #c0c0c0;    padding: 0 8px;    box-sizing: border-box;    -moz-box-sizing: border-box;    border-radius: 0.25rem !important;}
.configcontainer {    padding: 30px;    width: 50% !important;    background-color: #5f5858;    margin: 0 auto;    border-radius: 2px;    box-shadow: -1px -1px 4px 3px rgba(255, 255, 255, 0.3);    overflow: hidden;    border: 2px solid #000;    margin-top: 10%;    position: relative;}
.configcontainer h1 {    text-align: center;    font-size: 16px;    color: #fff;}
.configcontainer input[type=text],input[type=select] {    font-size: 16px;    width: 100%;    margin-bottom: 10px;    -webkit-appearance: none;    background: #fff;    border: 1px solid #d9d9d9;    border-top: 1px solid #c0c0c0;    padding: 0 8px;    box-sizing: border-box;    -moz-box-sizing: border-box;    border-radius: 0.25rem !important;}
.form-control {    padding-left: 5px;    height: auto;}
.enqformbtn {    border: 0px;    color: #000;    text-shadow: 0 1px rgba(0, 0, 0, 0.1);    background-color: #eccd70;    padding: 5px 0px;    font-size: 16px;    width: 100%;    text-transform: uppercase;       margin-top: 15px;}
.sideformbtn,.reconfirm_submit {    border: 0px;    color: #000;    text-shadow: 0 1px rgba(0, 0, 0, 0.1);    background-color: #eccd70;    padding: 5px 0px;    font-size: 16px;    width: 100%;    text-transform: uppercase;       margin-top: 15px;}
.configformbtn {    border: 0px;    color: #000;    text-shadow: 0 1px rgba(0, 0, 0, 0.1);    background-color: #eccd70;    padding: 5px 0px;    font-size: 16px;    width: 100%;    text-transform: uppercase;       margin-top: 15px;}
.close {    color: #fff;    font-size: 30px;    box-shadow: none;    border: 0px;    position: absolute;    right: 10px;    top: -2px;}
.sideclose {    color: #fff;    font-size: 25px;    float: right;    background: transparent;    box-shadow: none;    border: 0px;    position: absolute;    right: 10px;    top: -2px;}
.eftwopp {    text-align: center;    color: #fff;    clear: both;    padding-top: 4px;    margin-bottom: 0px;    font-size: 12px;}
.eftwopps {    text-align: center;    color: #fff;    clear: both;    padding-top: 4px;    margin-bottom: 0px;    font-size: 12px;}
.footermain span {    font-size: 14px;}
.spimg {    text-align: center;}
.spimg img {    margin: 0 auto;    width: 350px;}
.spinfo {    text-align: justify;    width: 70%;    margin: 0 auto;    color: #000;}
.footermodal-container {    padding: 30px;    width: 100% !important;    background-color: #000;    margin: 0 auto;    border-radius: 2px;    box-shadow: -1px -1px 4px 3px rgba(255, 255, 255, 0.1);    overflow: hidden;    border: 2px solid #000;    color: #fff;    font-size: 13px;    text-align: justify;    line-height: 1.8;}
.hamclick {    display: none;    cursor: pointer;}
.bar1,.bar2,.bar3 {    width: 35px;    height: 5px;    background-color: #cca300;    margin: 6px 0;    transition: 0.4s;}
.bar1,.bar3 {    width: 35px;    height: 5px;    background-color: #0081cc;    margin: 6px 0;    transition: 0.4s;}
.change .bar1 {    -webkit-transform: rotate(-45deg) translate(-9px, 6px);    transform: rotate(-45deg) translate(-9px, 6px);}
.change .bar2 {    opacity: 0;}
.change .bar3 {    -webkit-transform: rotate(45deg) translate(-8px, -8px);    transform: rotate(45deg) translate(-8px, -8px);}
.sidemenu {    width: 280px;    position: fixed;    height: 100vH;    z-index: 99;    right: 0px;    background-color: rgba(0, 0, 0, 0.7);}
#mobmenu {    background-color: rgb(0 0 0 / 84%);    position: fixed;    -webkit-transition: all 0.4s ease;    -moz-transition: all 0.4s ease;    -o-transition: all 0.4s ease;    transition: all 0.4s ease;    z-index: 1000;    right: -200px;    top: 0px;    width: 200px;    height: 100vH;}
.mmenuul {    list-style: none;    margin-top: 30%;}
.mmenuul li {    list-style: none;    display: block;    line-height: 1.9;    color: #ffffff;    text-align: center;    border-bottom: 1px solid;    width: 80%;    margin-left: 10%;    margin-bottom: 10px;    font-size: 15px;}
.mmenuul li a {    display: block;    line-height: 1.9;    color: #ffffff;    font-size: 15px;}
.mobilemenucross {    cursor: pointer;    position: absolute;    right: 10%;    top: 5%;    font-size: 24px;    color: #ffffff;}
#enquirenow {    overflow: hidden;    width: 100%;    padding-left: 5%;    padding-right: 5%;    position: relative;    clear: both;    float: left;    background-color: #ffffff;    padding-bottom: 100px;}
#enquirenow .headingsectionc {    font-size: 30px;    text-align: center;    font-weight: bold;    margin-top: 20px;    color: #161342;}
#enquirenow .head-line-left {    width: 150px;    height: 5px;    background: #161342;    margin-top: 10px;    margin-bottom: 20px;    margin: 0 auto;}
#email_form01 {    width: 90%;    margin: 0 auto;}
.enqfrm {    width: 23%;    margin-right: 1%;    margin-left: 1%;    float: left;    height: 30px;}
#rera-modal .modal-dialog h3 {    text-align: center;    font-size: 20px !important;}
#rera-modal .modal-dialog {    max-width: 70% !important;    margin: 1% auto;}
#disc-modal .modal-dialog {    max-width: 70% !important;    margin: 1% auto;}
#disc-modal .modal-dialog h3 {    text-align: center;    font-size: 20px !important;}
.sec-eqMobile {    display: none;}
.calling {    position: fixed;    cursor: pointer;    top: 53%;    right: 0%;    width: 30px;    height: 30px;    -webkit-animation: spin 6s linear infinite;    -moz-animation: spin 6s linear infinite;    animation: spin 6s linear infinite;}
@-moz-keyframes spin {    100% {        -moz-transform: rotate(360deg);    }}
@-webkit-keyframes spin {    100% {        -webkit-transform: rotate(360deg);    }}
@keyframes spin {    100% {        -webkit-transform: rotate(360deg);        transform: rotate(360deg);    }}
.callat {    font-size: 16px;    position: fixed;    top: 53%;    background-color: #eccd70;    color: #ffffff;    padding: 3px;    border-radius: 8px;    right: -160px;    width: 160px;    transition: 0.5s all ease-in-out;    cursor: pointer;}
.callat a {    padding: 5px;    text-decoration: none !important;    color: #ffffff;    line-height: 1; }
.callat a img {    width: 30px;    height: 30px;}
.example-image-link {    line-height: 22px;}
.callat span {    color: #ffffff;    cursor: pointer;}
.main_sec{margin-top: -80px;padding-top: 80px;clear: both;width: 100%;float: left;position: relative;}
.sub_sec{float: left;position: relative;width: 100%;padding:20px 5%;}
.headingg{width: 100%;float: left;position: relative;margin-bottom: 20px;display: flex;justify-content: center;align-items: center;}
.head{width: 100%;float: left;text-align: center;color: #003661;font-size: 25px;font-weight: 700;margin-bottom: 0;}
.headdp{float: left;position: relative;margin-bottom: 0;}
.main_div{width: 100%;float: left;position: relative;display: flex;justify-content: center;align-items: center;}
.main_left{width: 48%;padding-left: 1%;padding-right: 1%;float: left;position: relative;}
.main_right{width: 48%;padding-left: 1%;padding-right: 1%;float: left;position: relative;}
#bot_form{float: left;position: relative;width: 100%;border: 1px solid #fff;padding: 20px;}
.bot_inp{width: 100%;float: left;position: relative;margin: 10px 0%;padding: 5px 10px;height: 35px;border: 1px solid #ccc;outline: none;border-radius: 5px;}
.bot_sub_div{width: 100%;float: left;position: relative;display: flex;justify-content: center;align-items: center;padding:10px 0}
.bot_sub{float: left;position: relative;padding: 7px 15px;border-radius: 5px;border: none;background-color: #eccd70;}
.main_sec1 .sub_sec{background-color: #003661;}
.main_sec2 .sub_sec{background-color: #f3f3f3;}
.main_sec2 .sub_sec{background-color: #f5db90;}
.main_sec_cu .sub_sec{background: url("../images/cu_bg.jpg");background-position: center center;background-size: cover;}
.main_sec1 .head,.main_sec_cu .head{color:#fff}
.site_addr{width: 100%;float:left;position:relative;padding:15px 0;margin:0;text-align:center;color:#fff}
.site_addr b{color:#eccd70}
#enqform{justify-content:center;align-items:center;}
.reconfirm_popup_sub, .enqcontainer{margin:0}
.elevation{float: left;position: relative;width: 100%;}
.fl{float: left;position: relative;}
.w100{width: 100%;}
.flex{display: flex;}
.jcc{justify-content: center;}
.jcs{justify-content: flex-start;}
.jce{justify-content: flex-end;}
.aic{align-items: center;}
.ais{align-items: flex-start;}
.aie{align-items: flex-end;}
.fwrap{flex-wrap: wrap;}
.slider .owl-dots{position: absolute;bottom: 10px;width: 100%;z-index: 10;display: flex !important;justify-content: center;padding: 20px 0;}
.owl-dot{background-color: #fff !important;width: 20px;margin: 0 5px;outline: #fff !important;border:none;height: 3px;}
.slider .owl-dots .active{background: #cca300 !important;}
.head_left{text-align: left;}
.ov_h{color: #cca300;font-weight: 500;}
.ov_p{text-align: justify;font-size: 12px;}
.ov_p span{color: #0081cc;}
.ov_img{width: 100%;margin: 0 0%;border-radius: 20px;}
.ov_p_vm1{display: none;}
.vm{cursor: pointer;text-decoration: none !important;}
.box{width: 30%;background-color: #fff;margin: 20px 1.5%;float: left;position: relative;padding: 20px;border-radius: 20px;padding-bottom: 90px;}
.box_h{float: left;position: relative;width: 100%;font-size: 20px;font-weight: 900;}
.box_p{float: left;position: relative;width: 100%;font-size:12px;}
.box:hover{background-color: #43b979;}
.box:hover .box_h{color: #fff;}
.box:hover .box_p{color: #fff;}
.box_ic_div{position: absolute;bottom: 0;left: 0;}
.box_ic{float: left;position: relative;max-width:20% ;width:70px;margin-bottom: 20px;margin-right: 20px;}
.box:hover .box_ic{filter:invert(1);}
.box:hover .vm{border:1px solid #fff;}
.vm:hover{border: none;}

.box50{width: 63%;}
.partner_ul{float: left;position:relative ;width: 100%;display: flex;flex-wrap: wrap;list-style: none;overflow: hidden;margin: 20px 0;}
.partner_ul .owl-item{display: flex;justify-content: center;align-items: center;}
.partner_ul li{width: 100%;float:left;margin: 20px 1%;padding: 10px;text-align: center;font-size: 12px;}
.partner_ul li span{color: #0081cc;font-weight: 700;font-size: 14px;}
.partner_ul li:hover{background-color: #0081cc;color: #fff;}
.partner_ul li:hover span{color: #cca300;}
.desktop{display: flex;}
.mobile{display: none;}
.hamburger{display: none;}

.cu_main_div{align-items: unset;}
.cu_left{float: right;width: 30%;position: relative;background-color: #ffffffb5;padding: 20px;}
.cu_logo{float: left;position: relative;width: 150px;max-width: 80%;}
.cu_left_sub{float: left;position: relative;width: 100%;padding: 0 15px;padding-left: 0;}
.cu_cta{width: 100%;float: left;position: relative;padding: 20px 0;}
.cu_cta1{border-top: 1px solid #212529;border-bottom: 1px solid #212529;}
.cu_cta_ic{float: left;width: 30px;margin-bottom: 10px;}
.cu_cta_name{font-size: 16px;font-weight: bolder;width:calc(100% - 37px);color:#0081cc; float: left;position: relative;margin-bottom: 10px;margin-left: 7px;line-height: 30px;}
.cu_cta_txt{font-size: 14px;width: 100%;float: left;position: relative;margin-bottom: 0;color: #212529 !important;text-decoration: none !important;line-height: 1.5;}
.cu_right{width: 50%;float: left;position: relative;margin: 0 1.5%;}
.cu_form{float: left;position: relative;width: 100%;}
.cu_msg{width: 100%;float: left;position: relative;color: red;text-align: center;margin-bottom: 0;}
.cu_inp_div{width: 100%;float: left;position: relative;border: 1px solid #fff;margin: 15px 0;background-color:transparent;}
/* ffffffb5 */
.cu_inp{float: left;position: relative;height: 100%;height: 40px; width: calc(100% - 50px);padding: 5px 10px;border: none !important;outline: none !important;background: transparent;color:#fff}
#cu_message{height: 150px;}
.cu_label{float: left;margin-bottom: 0; position: relative;width: 50px;display: flex;justify-content: center;align-items: center;height: 40px;}
.cu_inp_ic{width: 25px;float: left;position: relative;cursor: text;}
.cu_sub_div{width: 100%;float: left;position: relative;display: flex;justify-content: flex-start;align-items: center;padding: 15px 0;}
.cu_submit{float: left;position: relative;padding: 7px 25px;background:#0081cc;color: #fff;border: none !important;outline: none !important;margin-bottom: 0;cursor: pointer;}
.cu_cta_txt span{color: #0081cc !important;}
.footermain{padding: 10px 15px;}
.km,.vm{float: left;position: relative;padding:5px 10px;color: #fff;cursor: pointer;font-size: 12px;background:#0081cc;}
.km span,.vm span{position: absolute;left: 0;bottom: 0;width: 100%;height: 0px; background:#cca300;}
.km:hover span,.vm:hover span{height:100%;  transition: all 0.5s ease; z-index: 0;  }
.km:hover,.vm_hover{color: #fff;}
.km b,.vm b{z-index: 1;position: relative;font-weight: 400;}

.fixed_main{position: fixed;top: 0px;width: 100%;height: calc(100vH);display: flex;justify-content: center;align-items: center;background-color: #fff;z-index: 999;right:-100%;}
.fixed_sub{float: left;max-width: 100%;max-height: 100%;overflow-y: scroll;padding: 15px 5%;}
.fixed_img{width: 40%;margin: 15px 0;border-radius: 20px;}
.close_fixed{position: absolute;top: 10px;right: 10px;font-weight: 900;font-size: 30px;cursor: pointer;color: #0081cc;background-color: #fff;z-index: 99;}

/* width */
.fixed_sub::-webkit-scrollbar {  width: 0px;}
/* Track */
.fixed_sub::-webkit-scrollbar-track {  background: transparent; }
 /* Handle */
 .fixed_sub::-webkit-scrollbar-thumb {  background: #888; }
/* Handle on hover */
.fixed_sub::-webkit-scrollbar-thumb:hover {  background: #555; }
.cu_ppp{width: 70%;text-align: center;margin: 15px 15%;}

.cu_inp::-webkit-input-placeholder { /* WebKit, Blink, Edge */     color:     #fff;      }
  textarea::-webkit-input-placeholder {     color:     #fff;       }
   
  textarea:-moz-placeholder { /* Firefox 18- */     color:     #fff;     }  
  textarea::-moz-placeholder {  /* Firefox 19+ */    color:     #fff;      }  
  textarea:-ms-input-placeholder {    color:     #fff;   }  
  textarea::placeholder {    color:     #fff;   }
.partner_ul .owl-item{display: flex;justify-content: center;align-items: center;border: 1px solid #f1f1f1}

.bn_key_span {  float: right;  position: relative;  display: flex;  align-items: flex-end;}
.bn_key_span a{line-height: 1.2;}
.about_main_div .main_left{width: 30%;}
.about_main_div .main_right{width: 70%;}

/* Responsive CSS */

@media (max-width: 1250px) {
    #menu-center ul {        padding-left: 0;    }
    #menu-center ul li a {        padding: 32px 1px;    }

}


@media (max-width: 1114px) {
    #menu-center ul li a {        font-size: 12px;    }
}

@media (max-width: 1052px) {}

@media (max-width: 1190px) {
    .hamclick {        display: inline-block;        cursor: pointer;         right: 20px;        top: 10px;        position: fixed;        z-index: 9;    }
    #menu-center {        display: flex;width: 100%;height: 100vH;position: fixed;top: 0;right: -100%;overflow-x: scroll;  padding-top: 80px;background-color: #fff; }
    .contact select {        padding: 0px;    }
    .contact input {        padding: 0px;    }
    .mmenuul li{margin:0 10%;padding: 10px 0;}
.mmenuul li:last-child{border: none;}
.mobilemenucross {    cursor: pointer;    position: absolute;    right: 15px;    top: 15px;    font-size: 24px;    color: #ffffff;}
.hamburger{display: block;float:right ;position: relative;margin: 20px;}
#menu-center ul{width: 100%;margin: 0;width: 100%; }
#menu-center ul li{width: 100%;padding: 10px ;display: block;text-align: center;}
#menu-center ul li a{border-bottom: 1px solid #0081cc;color: #0081cc !important;}
#menu-center ul li a:last-child{border: none;}
#menu-center ul li span{display: none;}
}

@media (max-width: 901px) {
    .inp_eq {        width: 40%;        margin-left: 2.5%;        margin-right: 2.5%;    }
}

@media (max-width: 867px) {}

@media (max-width: 767px) {
    .calling,    .enanchor {        display: none !important;    }
    /* .mobEqNow {        border-left: 1px solid #ffffff;    } */
    .sec-eqMobile {        height: 40px;        display: flex;        position: fixed;        bottom: 0;        left: 0;        font-size: 20px;        color: #000;        border-bottom: 0;        background: #003661;        width: 100%;        text-align: center;        z-index: 99;    }
    #footersection {        padding: 15px;    }
    .sec-eqMobile a {        padding: 8px 0;        width:100%;        color: rgb(255, 255, 255);        display: flex;        align-items: center;        justify-content: center;    }
    /* #enqform {        display: none !important;    } */
        #rera-modal .modal-dialog {        max-width: 85% !important;        margin: 1% auto;    }
    #disc-modal .modal-dialog {        max-width: 85% !important;        margin: 1% auto;    }
    #email_form01 {        width: 95%;        margin: 0 auto;    }
    #footersection {        font-size: 14px;    }
    .projecthighul {        display: none !important;    }
    .regularfour {        display: block !important;    }
    .bannerslider {        max-width: 100%;        display: none !important;    }
    .bannersliderm {        max-width: 100%;        display: block !important;    }
    .main_div{width: 100%;float: left;position: relative;display: block;justify-content: center;align-items: center;}
.main_left{width: 100%;padding-left: 0%;padding-right:0%;float: left;position: relative;margin: 10px 0;}
.main_right{width: 100%;padding-left: 0%;padding-right: 0%;float: left;position: relative; margin: 10px 0;}
.bot_form{padding:20px}
.bot_inp{width: 100%;margin: 15px 0;}
.box{width: 100%;}
.desktop{display: none;}
.mobile{display: flex;}
.cu_ppp{width: 1000%;text-align: justify;margin: 15px 0%;}
.fixed_img{width: 100%;}
.banner_p{font-size: 25px;}
.bn_key_span {  float: left;  position: relative;  display: flex;  align-items: flex-end;margin-top: 20px;}
.cu_left{padding:20px}
.main_sec_cu .sub_sec{background: url("../images/cu_bg_mobile1.jpg");background-position: center center;background-size: cover;}

.about_main_div .main_left{width: 100%;}
.about_main_div .main_right{width: 100%;}

}


@media (max-width: 640px) {
    .enqcontainer {        margin-top: 15%;    }
    .enqfrm {        width: 48%;        margin-right: 1%;        margin-left: 1%;        float: left;        height: 30px;        margin-bottom: 20px;    }
    .inp_eq {        width: 80%;        margin-left: 10%;        margin-right: 10%;    }
    .sidecontainer {        right: -280px;    }
}

@media (max-width: 540px) {
    .enqcontainer {        margin-top: 18%;    }
    .contact select {        padding: 0px 5px;    }
        .contact input {        padding: 0px 5px;    }
    #configmain {        width: 100%;    }
  
}

@media (max-width: 484px) {
    .contact select {        padding: 0px 10px;    }
    .contact input {        padding: 0px 10px;    }
    .enqfrm {        width: 92%;        margin-right: 1%;        margin-left: 1%;        float: left;        height: 30px;        margin-bottom: 20px;    }
    .enqcontainer {        margin-top: 20%;    }
}

@media (max-width: 450px) {}

@media (max-width: 384px) {
    .enanchor1 {        top: 60%    }
  
}

@media (max-width: 380px) {}

@media (max-width: 352px) {}

@media (max-width: 340px) {}

@media (max-width: 330px) {}