@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500&display=swap');
html{overflow-x:hidden;}
body{font-family: 'Oswald', sans-serif !important;     overflow-x: hidden;}
.ldisplay{display:block !important;}
.mdisplay{display:none !important;}
.modisplay{display:none !important;}
.hmenumain a {  width: 50%;  margin: 0 auto;  clear: both; float: none; padding: 5% 1%;  display: block; color: #ffffff;  border-bottom: 1px solid #ffffff;
    text-align: center;}
.hmenumain {    width: 240px;    background-color: rgba(0,0,0,0.7);   position: fixed; top: 0%; right: -240px;  padding: 1%; height: 100vH; padding-top: 15%;}
.captiontollfree {position:absolute;	display:none;	z-index:99;	}
.callmob{display:none; 
    position: absolute;
    right: 25%;
    top: 25%;font-size: 16px;}
@media screen and (min-width: 1024px) and (max-width: 1920px){	
	.demo-gallery > ul > li {
                float: left;
                margin-bottom: 15px;
                margin-right: 0px;
                width: 20%;
            }
}
@media screen and (min-width: 900px) and (max-width: 1024px){
.projectconfig span { font-family: 'Roboto', sans-serif; font-size: 13px;  font-weight: 500;}
.projectloc { color: #c1272d; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 17px; margin-bottom: 5px;}
.projectbtn{    font-size: 11px;}
.callmob{display:block;right: 15%;
    top: 30%;}
.hmenu{display:block !important;}
.cl-effect-17{display:none !important;}
.ldisplay{display:none !important;}
.mdisplay{display:block !important;}
.captionprice{right:15%; top:55%;}
.captioninfo{    right: 15%;    top: 30%;}
.captionbg{    right: 10%;    width: 350px;}
.skewed{width:358px;}
#investmentoption{/* background-image:url('../images/kolte_patil_smart-city_tab.jpg'); */ background-color: rgb(193, 39, 45);  padding: 4% 2%;
    padding-bottom: 3%;}
.investmentleft { width: 70%;  margin: 0% auto;   float: none;	clear:both;}
.investmentright {    width: 70%;    margin: 0% auto;     float: none;	clear:both;}
.investicon {    width: 16%;  margin-right: 5%;  padding-bottom:19%;}
.projecthead { padding: 2% 2%; font-size: 28px;  margin-bottom: 3%;}
.projectpart { width: 96%;}
.projectloc{font-size:17px;}
.projectbtn{font-size:10px;}
.rightprojectimg{right:0%;}
.rerainfop{text-align:center;}
.aboutushead {    font-size: 28px;}
#aboutus {    padding: 4% 6%;     margin-bottom: 5%;}
.aboutusboldifo {    width: 48%;}
.borderright{width:2%;}
#sideform {    position: fixed;    top: 6%;	}
.demo-gallery > ul > li {
    float: left;
    margin-bottom: 15px;
    margin-right: 0px;
    width: auto;
}
}

@media screen and (min-width: 770px) and (max-width: 900px){
.callmob{display:block !important;right: 15%;
    top: 30%;}
.hmenu{display:block !important;}
.cl-effect-17{display:none !important;}
.ldisplay{display:none !important;}
.mdisplay{display:block !important;}
.captionprice{right:15%; top:55%;}
.captioninfo{    right: 15%;    top: 30%;}
.captionbg{    right: 10%;    width: 350px;}
.skewed{width:358px;}
#investmentoption{/* background-image:url('../images/kolte_patil_smart city-background-image.jpg'); */
background-color: rgb(193, 39, 45);  padding: 4% 2%;
    padding-bottom: 3%;}
.investmentleft { width: 70%;  margin: 0% auto;   float: none;	clear:both;}
.investmentright {    width: 70%;    margin: 0% auto;     float: none;	clear:both;}
.investicon {    width: 16%;  margin-right: 5%;  padding-bottom:20%;}
.projecthead { padding: 2% 2%; font-size: 28px;  margin-bottom: 3%;}
.projectpart { width: 96%;}
.projectloc{font-size:17px;}
.projectbtn{font-size:10px;}
.rightprojectimg{right:0%;}
.rerainfop{text-align:center;}
.aboutushead {    font-size: 28px;}
#aboutus {    padding: 4% 6%;     margin-bottom: 5%;}
.aboutusboldifo {    width: 48%;}
.borderright{width:2%;}
#sideform {    position: fixed;    top: 6%;	}
.style_prevu_kit_am{display:inline-block; border:0; width:40%; margin-right:1%; margin-bottom:1%; position: relative;
    -webkit-transition: all 500ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 500ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 500ms ease-in;
    -moz-transform: scale(1);
    transition: all 500ms ease-in;
    transform: scale(1);   
	z-index:9;
}
.demo-gallery > ul > li {
    float: left;
    margin-bottom: 15px;
    margin-right: 0px;
    width: 50%;
}
}
@media screen and (min-width: 650px) and (max-width: 768px){
.projectconfig span { font-family: 'Roboto', sans-serif; font-size: 11px;  font-weight: 500;}
.projectloc { color: #c1272d; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 17px; margin-bottom: 5px;}
.projectbtn{    font-size: 11px;}
.onwardsfont {    font-size: 11px !important;}
.callmob{display:block;right: 18%;
    top: 30%;}
.hmenu{display:block !important;}
.cl-effect-17{display:none !important;}
.ldisplay{display:none !important;}
.mdisplay{display:block !important;}
.captionprice{right:15%; top:60%;}
.captioninfo{    right: 15%;    top: 30%;}
.captionbg{    right: 10%;    width: 350px;}
.skewed{width:358px;}
.captiontollfree {
    right: 30%;
    top: 35%;
    text-shadow: 2px 2px 2px #000;
	display:block;
	}
#investmentoption{/* background-image:url('../images/kolte_patil_smart city-background-image.jpg'); */
background-color: rgb(193, 39, 45);     padding: 4% 2%;
    padding-bottom: 3%;}
.investmentleft { width: 70%;  margin: 0% auto;   float: none;	clear:both;}
.investmentright {    width: 70%;    margin: 0% auto;     float: none;	clear:both;}
.investicon {    width: 16%;  margin-right: 5%;  padding-bottom:19%;}
.projecthead { padding: 0 2% 2% 2%; font-size: 30px;  margin-bottom: 1%;}
.projectpart { width: 100%;}
.projectloc{font-size:17px;}
.projectbtn{font-size:9px;}
.rightprojectimg{right:0%;}
.rerainfop{text-align:center;}
.aboutushead {    font-size: 20px;}
#aboutus {    padding: 4% 6%;     margin-bottom: 5%;}
.aboutusboldifo {    width: 48%;}
.borderright{width:2%;}
.shapethree, .shapetwo, .shapeone{width: 30px;    height: 247px;}
#sideform {    position: fixed;    top: 6%;	}
.style_prevu_kit_am{display:inline-block; border:0; width:26%; margin-right:1%; margin-bottom:3%; position: relative;
    -webkit-transition: all 500ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 500ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 500ms ease-in;
    -moz-transform: scale(1);
    transition: all 500ms ease-in;
    transform: scale(1);   
	z-index:9;
}
.demo-gallery > ul > li {
    float: left;
    margin-bottom: 15px;
    margin-right: 0px;
    width: 50%;
}
}


@media screen and (min-width: 421px) and (max-width: 649px){
.onwardsfont {    font-size: 11px !important;}
.projectconfig span { font-family: 'Roboto', sans-serif; font-size: 13px;  font-weight: 500;}
.projectloc { color: #c1272d; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 17px; margin-bottom: 5px;}
.projectbtn{    font-size: 11px;}
.callmob{display:block;right: 20%;
    top: 25%;}
#ourprojects{padding-top:5%;}
.style_prevu_kit{width:100%;}
.hmenu{display:block;}
.cl-effect-17{display:none;}
.ldisplay{display:none !important;}
.mdisplay{display:block !important;}
.captionprice{right:10%; top:73%; text-shadow: 2px 2px 2px #000;letter-spacing: 2px;}
.captioninfo span{ font-size:19px;}
.captioninfo{    right: 10%;    top: 40%; font-size:19px;}
.captionbg{    right: 7%;    width: 250px;}
.skewed{width:358px;}
.captiontollfree {right: 30%; top: 35%; text-shadow: 2px 2px 2px #000;	display:block;	}
#investmentoption{/* background-image:url('../images/kolte_patil_smart city-background-image.jpg'); */
background-color: rgb(193, 39, 45);padding: 4% 2%;
    padding-bottom: 3%;}
.investmentleft { width: 60%;  margin: 0% auto;   float: none;	clear:both;}
.investmentright {    width: 60%;    margin: 0% auto;     float: none;	clear:both;}
.investicon {    width: 20%;  margin-right: 5%; padding-bottom:46%;}
.projecthead { padding: 2% 2%; font-size: 20px;  margin-bottom: 3%;}
.projectpart { width: 100%;}
.projectloc{font-size:17px;}
.projectbtn{font-size:10px;}
.rightprojectimg{right:0%;}
.rerainfop{text-align:center;}
.aboutushead {    font-size: 20px;}
#aboutus {    padding: 4% 6%;     margin-bottom: 5%;}
.aboutusboldifo {    width: 48%;}
.borderright{width:2%;}
.shapethree, .shapetwo, .shapeone{width: 30px;    height: 247px;}
.projectlogoimg {    position: absolute;    left: 50%;    top: 10%;    transform: translate(-50%, -50%);    width: 22%;}
.fond{background-repeat:repeat;}
.shapeone{top: -5%;    left: -3%;}
.shapethree{ top: -3%; left: -3%;}
.shapetwo{ top: -10%; right: -2%;}
.enquirenowhead{    font-size: 32px;}
#sideform {    position: fixed;    top: 6%;	}
.style_prevu_kit_am{display:inline-block; border:0; width:40%; margin-right:1%; margin-bottom:1%; position: relative;
    -webkit-transition: all 500ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 500ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 500ms ease-in;
    -moz-transform: scale(1);
    transition: all 500ms ease-in;
    transform: scale(1);   
	z-index:9;
}
.demo-gallery > ul > li {
    float: left;
    margin-bottom: 15px;
    margin-right: 0px;
    width: 100%;
}
}

@media screen and (max-width: 414px){
.onwardsfont {    font-size: 11px !important;}
.captionprice { top: 70% !important; letter-spacing: 3px !important;}
.projectconfig span { font-family: 'Roboto', sans-serif; font-size: 13px;  font-weight: 500;}
.projectloc { color: #c1272d; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 17px; margin-bottom: 5px;}
.projectbtn{    font-size: 11px;}
#sideform {    position: fixed;    top: 6%;	}
.style_prevu_kit_am{display:inline-block; border:0; width:40%; margin-right:1%; margin-bottom:1%; position: relative;
    -webkit-transition: all 500ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 500ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 500ms ease-in;
    -moz-transform: scale(1);
    transition: all 500ms ease-in;
    transform: scale(1);   
	z-index:9;
}
.demo-gallery > ul > li {
    float: left;
    margin-bottom: 15px;
    margin-right: 0px;
    width: 100%;
}
}
@media screen and (max-width: 540px){
#sideform {    position: fixed;    top: 6%;	}
.onwardsfont {    font-size: 11px !important;}
.projectconfig span { font-family: 'Roboto', sans-serif; font-size: 13px;  font-weight: 500;}
.projectloc { color: #c1272d; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 17px; margin-bottom: 5px;}
.projectbtn{    font-size: 11px;}
.callmob{display:block;right: 25%;
    top: 25%;}
.style_prevu_kit{width:100%;}
.hmenu{display:block;}
.cl-effect-17{display:none;}
.ldisplay{display:none !important;}
.mdisplay{display:none !important;}
.modisplay{display:block !important;}
.captionprice{right:10%; top:65%; text-shadow: 2px 2px 2px #000;}
.captioninfo span{ font-size:17px;}
.captioninfo{    right: 10%;    top: 40%; font-size:17px; width:350px;}
.captionbg{    right: 7%;    width: 250px;}
.skewed{width:260px;}
.captiontollfree {
    right: 30%;
    top: 35%;
    text-shadow: 2px 2px 2px #000;
	display:block;
	}
#investmentoption{
/* background-image:url('../images/kolte_patil_smart-city_tab.jpg');  */
background-color: rgb(193, 39, 45);
    padding: 4% 2%;
    padding-bottom: 3%;}
.investmentleft { width: 80%;  margin: 0% auto;   float: none;	clear:both;}
.investmentright {    width: 80%;    margin: 0% auto;     float: none;	clear:both;}
.abtspann { font-family: 'Roboto', sans-serif; font-size: 10px; font-weight: 500; line-height: 0.8;}
.abtspan {    font-size: 20px;}
.investicon {    width: 20%;  margin-right: 5%; padding-bottom:26%;}
.projecthead { padding: 2% 2%; font-size: 20px;  margin-bottom: 3%;}
.projectpart { width: 90%;}
.projectloc{font-size:17px;}
.projectbtn{font-size:10px;}
.rightprojectimg{right:0%;}
.rerainfop{text-align:center;}
.aboutushead {    font-size: 20px;}
#aboutus {    padding: 4% 6%;     margin-bottom: 5%;}
.aboutusboldifo {    width: 48%;}
.borderright{width:2%;}
.shapethree, .shapetwo, .shapeone{width: 30px;    height: 247px;}
.projectlogoimg {    position: absolute;    left: 50%;    top: 10%;    transform: translate(-50%, -50%);    width: 22%;}
.fond{background-repeat:repeat;}
.shapeone{top: -5%;    left: -3%;}
.shapethree{ top: -3%; left: -3%;}
.shapetwo{ top: -10%; right: -2%;}
.enquirenowhead{    font-size: 25px;}
.style_prevu_kit_am{display:inline-block; border:0; width:40%; margin-right:1%; margin-bottom:1%; position: relative;
    -webkit-transition: all 500ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 500ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 500ms ease-in;
    -moz-transform: scale(1);
    transition: all 500ms ease-in;
    transform: scale(1);   
	z-index:9;
}
.demo-gallery > ul > li {
    float: left;
    margin-bottom: 15px;
    margin-right: 0px;
    width: 100%;
}
.demo-gallery > ul > li {
    float: left;
    margin-bottom: 15px;
    margin-right: 0px;
    width: 100%;
}
}

@media screen and (max-width: 484px){
#sideform {    position: fixed;    top: 6%;	}
.onwardsfont {    font-size: 11px !important;}
.projectconfig span { font-family: 'Roboto', sans-serif; font-size: 13px;  font-weight: 500;}
.projectloc { color: #c1272d; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 17px; margin-bottom: 5px;}
.projectbtn{    font-size: 11px;}
.callmob{display:block;right: 25%;
    top: 25%;}
.rerainfop{font-size:11px;}
.rerainfop span{font-size:11px;}
.style_prevu_kit{width:100%;}
.hmenu{display:block;}
.cl-effect-17{display:none;}
.ldisplay{display:none !important;}
.mdisplay{display:none !important;}
.rerahead{    text-shadow: 0px 1px 5px #000000;     font-size: 13px;}
.modisplay{display:block !important;}
.aboutusinfo{font-size:13px;}
.captionprice{right:10%; top:65%; text-shadow: 2px 2px 2px #000;}
.captioninfo span{ font-size:17px;}
.captioninfo{    right: 10%;    top: 40%; font-size:17px; width:350px;}
.captionbg{    right: 7%;    width: 250px;}
.skewed{width:260px; left: -12%;}
.captiontollfree {  right: 30%;  top: 35%;  text-shadow: 2px 2px 2px #000;	display:block;	}
#investmentoption{
background-color: rgb(193, 39, 45);
/* background-image:url('../images/kolte_patil_smart-city_tab.jpg'); */
     padding: 4% 2%;
    padding-bottom: 3%;}
.investmentleft { width: 80%;  margin: 0% auto;   float: none;	clear:both;}
.investmentright {    width: 80%;    margin: 0% auto;     float: none;	clear:both;}
.abtspann {  font-family: 'Roboto', sans-serif;  font-size: 12px; font-weight: 500;  line-height: 0.8;}
.abtspan {    font-size: 20px;}
.investicon {    width: 20%;  margin-right: 5%; padding-bottom:46%;}
.projecthead { padding: 2% 2%; font-size: 20px;  margin-bottom: 3%;}
.projectpart { width: 100%;}
.projectloc{font-size:17px;}
.projectbtn{font-size:10px;}
.rightprojectimg{right:0%;}	
.rerainfop{text-align:center;}
.aboutushead {    font-size: 20px;}
#aboutus {    padding: 4% 6%;     margin-bottom: 5%;     padding-top: 12%;}
.aboutusboldifo { width: 100%;  margin-bottom: 5%;  border-bottom: 1px solid #e2e2e2;  padding-bottom: 5%;}
.borderright{width:2%;}
.shapethree, .shapetwo, .shapeone{width: 30px;    height: 247px;}
.projectlogoimg {    position: absolute;    left: 50%;    top: 10%;    transform: translate(-50%, -50%);    width: 22%;}
.fond{background-repeat:repeat;}
.shapeone{top: -5%;    left: -3%;}
.shapethree{ top: -3%; left: -3%;}
.shapetwo{ top: -10%; right: -2%;}
.enquirenowhead{    font-size: 25px;     color: rgba(0, 0, 0, 0.67);}
.btn03 {    position: absolute;    margin: 0 auto;    width: 134px;    text-align: center;    bottom: 0px;    height: 31px;    background-color: #1b1464;  border: 0px;    color: #c1272d;    font-size: 20px;    border-radius: 4px;    position: absolute;    left: 50%;    transform: translate(-50%, -50%);    border: 1px solid #ffffff;    z-index: 9;}
	#projectenquiry h1 { color: #ffffff; font-size: 25px; text-align: center;}
.allmapview{    margin: 10% auto;}
.investcontent{line-height:1.2; letter-spacing: normal; font-size:13px; padding-right:9px;}
.style_prevu_kit_am{display:inline-block; border:0; width:40%; margin-right:1%; margin-bottom:1%; position: relative;
    -webkit-transition: all 500ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 500ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 500ms ease-in;
    -moz-transform: scale(1);
    transition: all 500ms ease-in;
    transform: scale(1);   
	z-index:9;
}
.demo-gallery > ul > li {
    float: left;
    margin-bottom: 15px;
    margin-right: 0px;
    width: 100%;
}
}

@media screen and (max-width: 480px){
#sideform {    position: fixed;    top: 6%;	}
.onwardsfont {    font-size: 11px !important;}
.projectconfig span { font-family: 'Roboto', sans-serif; font-size: 13px;  font-weight: 500;}
.projectloc { color: #c1272d; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 17px; margin-bottom: 5px;}
.projectbtn{    font-size: 11px;}
.callmob{display:block;right: 25%;
    top: 25%;}
.rerainfop{font-size:11px;}
.rerainfop span{font-size:11px;}
.style_prevu_kit{width:100%;}
.hmenu{display:block;}
.cl-effect-17{display:none;}
.ldisplay{display:none !important;}
.mdisplay{display:none !important;}
.rerahead{    text-shadow: 0px 1px 5px #000000;     font-size: 13px;}
.modisplay{display:block !important;}
.aboutusinfo{font-size:13px;}
.captionprice{right:10%; top:65%; text-shadow: 2px 2px 2px #000;}
.captioninfo span{ font-size:17px;}
.captioninfo{    right: 10%;    top: 40%; font-size:17px; width:350px;}
.captionbg{    right: 7%;    width: 250px;}
.skewed{width:260px; left: -12%;}
.captiontollfree {  right: 30%;  top: 35%;  text-shadow: 2px 2px 2px #000;	display:block;	}
#investmentoption{
background-color: rgb(193, 39, 45);
/* background-image:url('../images/kolte_patil_smart-city_tab.jpg'); */
     padding: 4% 2%;
    padding-bottom: 3%;}
.investmentleft { width: 80%;  margin: 0% auto;   float: none;	clear:both;}
.investmentright {    width: 80%;    margin: 0% auto;     float: none;	clear:both;}
.abtspann {  font-family: 'Roboto', sans-serif;  font-size: 12px; font-weight: 500;  line-height: 0.8;}
.abtspan {    font-size: 20px;}
.investicon {    width: 20%;  margin-right: 5%; padding-bottom:46%;}
.projecthead { padding: 2% 2%; font-size: 20px;  margin-bottom: 3%;}
.projectpart { width: 100%;}
.projectloc{font-size:17px;}
.projectbtn{font-size:10px;}
.rightprojectimg{right:0%;}	
.rerainfop{text-align:center;}
.aboutushead {    font-size: 20px;}
#aboutus {    padding: 4% 6%;     margin-bottom: 5%;     padding-top: 12%;}
.aboutusboldifo { width: 100%;  margin-bottom: 5%;  border-bottom: 1px solid #e2e2e2;  padding-bottom: 5%;}
.borderright{width:2%;}
.shapethree, .shapetwo, .shapeone{width: 30px;    height: 247px;}
.projectlogoimg {    position: absolute;    left: 50%;    top: 10%;    transform: translate(-50%, -50%);    width: 22%;}
.fond{background-repeat:repeat;}
.shapeone{top: -5%;    left: -3%;}
.shapethree{ top: -3%; left: -3%;}
.shapetwo{ top: -10%; right: -2%;}
.enquirenowhead{    font-size: 25px;     color: rgba(0, 0, 0, 0.67);}
.btn03 {    position: absolute;    margin: 0 auto;    width: 134px;    text-align: center;    bottom: 0px;    height: 31px;    background-color: #1b1464;  border: 0px;    color: #c1272d;    font-size: 20px;    border-radius: 4px;    position: absolute;    left: 50%;    transform: translate(-50%, -50%);    border: 1px solid #ffffff;    z-index: 9;}
	#projectenquiry h1 { color: #ffffff; font-size: 25px; text-align: center;}
.allmapview{    margin: 10% auto;}
.investcontent{line-height:1.2; letter-spacing: normal; font-size:13px; padding-right:8px;}
}
@media screen and (max-width: 384px){
.investcontent{ padding-right:8px;}
#sideform {    position: fixed;    top: 6%;	}
.onwardsfont {    font-size: 11px !important;}
.projectconfig span { font-family: 'Roboto', sans-serif; font-size: 13px;  font-weight: 500;}
.projectloc { color: #c1272d; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 17px; margin-bottom: 5px;}
.projectbtn{    font-size: 11px;}
.callmob{display:block;right: 22%;    top: 25%;}
.style_prevu_kit{    margin-right: 3%;    margin-bottom: 12%;}
.rerainfop{font-size:11px;}
.rerainfop span{font-size:11px;}
.style_prevu_kit{width:100%;}
.hmenu{display:block;}
.cl-effect-17{display:none;}
.ldisplay{display:none !important;}
.mdisplay{display:none !important;}
.rerahead{    text-shadow: 0px 1px 5px #000000;     font-size: 13px;}
.modisplay{display:block !important;}
.aboutusinfo{font-size:13px;}
.captionprice{right:10%; top:90% !important; text-shadow: 2px 2px 2px #000; letter-spacing: 3px;}
.captioninfo span{ font-size:15px;}
.captioninfo{right: 3%;  top: 50%;  font-size: 15px;   width: 300px;}
.captionbg{    right: 7%;    width: 250px;}
.skewed{width:200px; left: -12%;}
.captiontollfree {right: 30%; top: 35%; text-shadow: 2px 2px 2px #000; display:block;}
#investmentoption{
/* background-image:url('../images/kolte_patil_smart-city_tab.jpg'); */
background-color: rgb(193, 39, 45);
 padding: 4% 2%; padding-bottom: 3%;}
.investmentleft { width: 96%;  margin: 0% auto;   float: none;	clear:both;}
.investmentright {    width: 96%;    margin: 0% auto;     float: none;	clear:both;}
.abtspann {  font-family: 'Roboto', sans-serif;  font-size: 12px; font-weight: 500;  line-height: 0.8;}
.abtspan {    font-size: 20px;}
.investicon {    width: 20%;  margin-right: 5%; padding-bottom:26%;}
.projecthead { padding: 2% 2%; font-size: 20px;  margin-bottom: 3%;}
.projectpart { width: 100%;}
.projectloc{font-size:17px;}
.projectbtn{font-size:10px;}
.rightprojectimg{right:0%;}
.rerainfop{text-align:center;}
.aboutushead {    font-size: 20px;}
#aboutus {    padding: 4% 6%;     margin-bottom: 5%;    padding-top: 12%;}
.aboutusboldifo { width: 100%;  margin-bottom: 5%;  border-bottom: 1px solid #e2e2e2;  padding-bottom: 5%;}
.borderright{width:2%;}
.shapethree, .shapetwo, .shapeone{width: 30px;    height: 247px;}
.projectlogoimg {    position: absolute;    left: 50%;    top: 10%;    transform: translate(-50%, -50%);    width: 22%;}
.fond{background-repeat:repeat;}
.shapeone{top: -5%;    left: -3%;}
.shapethree{ top: -3%; left: -3%;}
.shapetwo{ top: -10%; right: -2%;}
.enquirenowhead{    font-size: 16px;     color: rgba(0, 0, 0, 0.67);}
.forminputt {
    width: 70%;
    float: none;
    /* margin-right: 2%; */
    margin: 0 auto;
}
.investhead{font-size:14px;}
.btn03 {    position: absolute;    margin: 0 auto;    width: 134px;    text-align: center;    bottom: 0px;    height: 31px;    background-color: #1b1464;
    border: 0px;    color: #c1272d;    font-size: 20px;    border-radius: 4px;    position: absolute;    left: 50%;    transform: translate(-50%, -50%);    border: 1px solid #ffffff;    z-index: 9;}
}
@media screen and (max-width: 380px){
#sideform {    position: fixed;    top: 6%;	}
.onwardsfont {    font-size: 11px !important;}
.callmob{display:block;right: 22%;
    top: 25%;}
.style_prevu_kit{    margin-right: 3%;    margin-bottom: 12%;}
.rerainfop{font-size:11px;}
.rerainfop span{font-size:11px;}
.style_prevu_kit{width:100%;}
.hmenu{display:block;}
.cl-effect-17{display:none;}
.ldisplay{display:none;}
.mdisplay{display:none;}
.rerahead{    text-shadow: 0px 1px 5px #000000;     font-size: 13px;}
.modisplay{display:block !important;}
.aboutusinfo{font-size:13px;}
.captionprice{right:10%; top:90% !important; text-shadow: 2px 2px 2px #000; letter-spacing: 3px;}
.captioninfo span{ font-size:15px;}
.captioninfo{right: 3%;  top: 50%;  font-size: 15px;   width: 300px;}
.captionbg{    right: 7%;    width: 250px;}
.skewed{width:200px; left: -25%;}
.captiontollfree {    right: 30%;    top: 35%;    text-shadow: 2px 2px 2px #000;	display:block;	}
#investmentoption{
/* background-image:url('../images/kolte_patil_smart-city_tab.jpg');  */ 
background-color: rgb(193, 39, 45);
   padding: 4% 2%;
    padding-bottom: 3%;}
.investmentleft { width: 96%;  margin: 0% auto;   float: none;	clear:both;}
.investmentright {    width: 96%;    margin: 0% auto;     float: none;	clear:both;}
.abtspann {  font-family: 'Roboto', sans-serif;  font-size: 12px; font-weight: 500;  line-height: 0.8;}
.abtspan {    font-size: 20px;}
.investicon {    width: 20%;  margin-right: 5%; padding-bottom:26%;}
.projecthead { padding: 2% 2%; font-size: 20px;  margin-bottom: 3%;}
.projectpart { width: 100%;}
.projectloc{font-size:17px;}
.projectbtn{font-size:10px;}
.rightprojectimg{right:0%;}
.rerainfop{text-align:center;}
.aboutushead {    font-size: 20px;}
#aboutus {    padding: 4% 6%;     margin-bottom: 5%;    padding-top: 12%;}
.aboutusboldifo { width: 100%;  margin-bottom: 5%;  border-bottom: 1px solid #e2e2e2;  padding-bottom: 5%;}
.borderright{width:2%;}
.shapethree, .shapetwo, .shapeone{width: 30px;    height: 247px;}
.projectlogoimg {    position: absolute;    left: 50%;    top: 10%;    transform: translate(-50%, -50%);    width: 22%;}
.fond{background-repeat:repeat;}
.shapeone{top: -5%;    left: -3%;}
.shapethree{ top: -3%; left: -3%;}
.shapetwo{ top: -10%; right: -2%;}
.enquirenowhead{    font-size: 16px;     color: rgba(0, 0, 0, 0.67);}
.forminputt {
    width: 70%;
    float: none;
    /* margin-right: 2%; */
    margin: 0 auto;
}
.investhead{font-size:14px;}
.btn03 {    position: absolute;    margin: 0 auto;    width: 134px;    text-align: center;    bottom: 0px;    height: 31px;    background-color: #1b1464;
    border: 0px;    color: #c1272d;    font-size: 20px;    border-radius: 4px;    position: absolute;    left: 50%;    transform: translate(-50%, -50%);    border: 1px solid #ffffff;    z-index: 9;}
.demo-gallery > ul > li {
    float: left;
    margin-bottom: 15px;
    margin-right: 0px;
    width: 100%;
}
}
@media screen and (max-width: 320px){
#sideform {    position: fixed;    top: 6%;	}
.onwardsfont {    font-size: 11px !important;}
.investicon {    width: 20%;  margin-right: 5%; padding-bottom:40%;}
.demo-gallery > ul > li {
    float: left;
    margin-bottom: 15px;
    margin-right: 0px;
    width: 100%;
}
}