.sig_log {
    z-index: -1;
}


.form-control::placeholder {
  color: rgba(253, 253, 253, 0.75) !important;
  opacity: 1 !important;
}





@media (max-width:991px) {
  .nine{
    width:100% !important;
  }
}
@media (max-width:356px) {
  .sty{
        font-size: small;
  }
}
.sty{
  color:black;
  padding-left: 10px;
  text-align: left;
}
.sty a:hover{
  color:red;
  font-size: 17px;text-shadow: 1px 0px #ff0404;
}
@media (max-width:2560px) {
  .sig_log {
    width: 434px;
    position: absolute;
    top: 82%;
    left: 250px;
}
#vibdiv {
    display: none;
    height: 70px;
    width: 70px;
    padding-bottom: 4px;
    z-index: 9999;
    margin: 27% 0 0 46%;
    position: absolute;
    left: 40.5%;
    top: -5%;
    left: -0.3%;
}
#ibgdiv {
    display: none;
    width: 3%;
    height: auto;
    margin-left: 51.4%;
    margin-top: 4%;
    padding-bottom: 6px;
    z-index: -1;
    position: absolute;
    top: 36%;
    left: -2.9%;
}
#gyodiv {
    display: none;
    width: 70px;
    height: 450px;
    left: 51.6%;
    //: ;
    margin-bottom: -46%;
    padding-bottom: 6px;
    position: absolute;
    top: 101%;
}
#yordiv {
    display: none;
    width: 70px;
    height: 347px;
    left: 54.7%;
    top: 40%;
    padding-bottom: 6px;
    position: absolute;
    z-index: -1;
}

#ordiv {
    display: none;
    width: 70px;
    height: 500px;
    left: 57.7%;
    margin-bottom: 0;
    padding-bottom: 6px;
    position: absolute;
    top: 101%;
}
#rdiv {
    display: none;
    width: 70px;
    height: 225px;
    left: 60.6%;
    top: 62%;
    padding-bottom: 6px;
    position: absolute;
    z-index: -1;
}
#r1div {
    display: none;
    width: 55px;
    height: 225px;
    left: 63.7%;
    top: 101%;
    padding-bottom: 6px;
    position: absolute;
    z-index: -1;
}
}
@media (max-width:2435px) {
  .sig_log {
      width: 434px;
      position: absolute;
      top: 78%;
      left: 223px;
  }
  #r1div {
    display: none;
    width: 55px;
    height: 225px;
    left: 64.7%;
    top: 101%;
    padding-bottom: 6px;
    position: absolute;
    z-index: -1;
}
#rdiv {
    height: 225px;
    left: 61.4%;
    top: 61%;
  }
  #ordiv {
    display: none;
    width: 70px;
    height: 500px;
    left: 58.4%;

  }
  #yordiv {
      display: none;
      width: 70px;
      height: 347px;
      left: 55.2%;
      top: 37%;
    }
    #gyodiv {
    display: none;
    width: 70px;
    height: 450px;
    left: 52.0%;
  }
  #vibdiv {
    display: none;
    height: 70px;
    width: 70px;
    padding-bottom: 4px;
    z-index: 9999;
    margin: 27% 0 0 46%;
    position: absolute;
    left: 40.5%;
    top: -4%;
    left: -0.3%;
}
#ibgdiv {
    display: none;
    width: 3%;
    height: auto;
    margin-left: 51.4%;
    margin-top: 4%;
    padding-bottom: 6px;
    z-index: -1;
    position: absolute;
    top: 33%;
    left: -2.5%;
}
}
@media (max-width:2270px) {
  .sig_log {
      width: 434px;
      position: absolute;
      top: 70%;
  left: 185px;
  }
  #r1div {
    display: none;
    width: 55px;
    height: 225px;
left: 65.2%;
    top: 101%;
    padding-bottom: 6px;
    position: absolute;
    z-index: -1;
}
#rdiv {
    height: 225px;
    left: 62%;
top: 59%;
  }
  #ordiv {
    display: none;
    width: 70px;
    height: 500px;
        left: 58.7%;

  }
  #yordiv {
      display: none;
      width: 70px;
      height: 347px;
      left: 55.6%;
      top: 35%;
    }
    #gyodiv {
    display: none;
    width: 70px;
    height: 450px;
    left: 52.2%;
  }
  #vibdiv {
    display: none;
    height: 70px;
    width: 70px;
    padding-bottom: 4px;
    z-index: 9999;
    margin: 27% 0 0 46%;
    position: absolute;
    left: 40.5%;
    top: -4%;
    left: -0.3%;
}
#ibgdiv {
    display: none;
    width: 3%;
    height: auto;
    margin-left: 51.4%;
    margin-top: 4%;
    padding-bottom: 6px;
    z-index: -1;
    position: absolute;
    top: 31%;
    left: -2.5%;
}
}
@media (max-width:2180px) {
  .sig_log {
      width: 434px;
      position: absolute;
      top: 68%;
    left: 164px;
  }
  #r1div {
    display: none;
    width: 55px;
    height: 225px;
    left: 66.1%;
    top: 102%;
    padding-bottom: 6px;
    position: absolute;
    z-index: -1;
}
#rdiv {
    height: 225px;
    left: 62.7%;
    top: 57%;
  }
  #ordiv {
    display: none;
    width: 70px;
    height: 500px;
    left: 59.2%;

  }
  #yordiv {
      display: none;
      width: 70px;
      left: 55.9%;
    top: 32%;
    }
    #gyodiv {
    display: none;
    width: 70px;
    height: 450px;
    left: 52.5%;
  }
  #vibdiv {
    display: none;
    height: 70px;
    width: 70px;
    padding-bottom: 4px;
    z-index: 9999;
    margin: 27% 0 0 46%;
    position: absolute;
    /* left: 40.5%; */
    left: -0.3%;
  top: -4%;
}
#ibgdiv {
    display: none;
    width: 3%;
    height: auto;
    margin-left: 51.4%;
    margin-top: 4%;
    padding-bottom: 6px;
    z-index: -1;
    position: absolute;
    top: 29%;
  left: -2.4%;
}
}
@media (max-width:2110px) {
  .sig_log {
      top: 65%;
      left: 150px;
  }
  #r1div {
    left: 66.7%;
  top: 102%;
}
#rdiv {
    left: 63.1%;
top: 56%;
  }
  #ordiv {
    left: 59.7%;

  }
  #yordiv {
      left: 56.1%;
      top: 30%;
    }
    #gyodiv {
    left: 52.6%;
  }
  #ibgdiv {
      top: 27%;
    left: -2.4%;
  }
  #vibdiv {
    left: -0.3%;
  top: -4%;
}
}
@media (max-width:2010px) {
  .sig_log {
    top: 60%;
    left: 130px;
  }
  #r1div {
    left: 67.7%;
  top: 102%;
}
#rdiv {
    left: 63.9%;
top: 54%;
  }
  #ordiv {
    left: 60.3%;

  }
  #yordiv {
    left: 56.6%;
    top: 27%;
    }
    #gyodiv {
      left: 52.9%;
  }
  #ibgdiv {
    top: 24%;
left: -2.1%;
  }
  #vibdiv {
    left: -0.3%;
  top: -4%;
}
}
@media (max-width:1950px) {
  #r1div {
    left: 68.4%;
  top: 102%;
}
#rdiv {
  left: 64.5%;
top: 53%;
  }
  #ordiv {
    left: 60.9%;
  }
  #yordiv {
    left: 56.9%;
    top: 25%;
    }
    #gyodiv {
      left: 53.2%;
  }
  #ibgdiv {
    top: 23%;
left: -2%;
  }
  #vibdiv {
    left: -0.3%;
  top: -3%;
}
.sig_log {
  top: 57%;
  left: 119px;
}
}
@media (max-width:1880px) {
  #r1div {
    left: 69.2%;
  top: 102%;
}
#rdiv {
  left: 65.3%;
  top: 51%;
  }
  #ordiv {
    left: 61.2%;
  }
  #yordiv {
    left: 57.3%;
      top: 23%;
    }
    #gyodiv {
      left: 53.5%;
  }
  #ibgdiv {
    top: 21%;
left: -2%;
  }
  #vibdiv {
    left: -0.3%;
  top: -3%;
}
.sig_log {
  top: 52%;
  left: 101px;
}
}
@media (max-width:1780px) {
  #r1div {
    left: 70.5%;
  top: 102%;
}
#rdiv {
  left: 66.3%;
  top: 48%;
  }
  #ordiv {
    left: 62.2%;
  }
  #yordiv {
    left: 58.1%;
      top: 18%;
    }
    #gyodiv {
      left: 53.9%;
  }
  #ibgdiv {
    top: 17%;
left: -1.7%;
  }
  #vibdiv {
    left: -0.3%;
  top: -3%;
}
.sig_log {
  top: 47%;
  left: 88px;
}
}
@media (max-width:1680px) {
  #r1div {
    left: 72.1%;
  top: 98%;
}
#rdiv {
  left: 67.5%;
      top: 44%;
  }
  #ordiv {
    left: 63.2%;
  }
  #yordiv {
    left: 58.8%;
    top: 13%;
    }
    #gyodiv {
          left: 54.5%;
  }
  #ibgdiv {
    top: 13%;
    left: -1.1%;
  }
  #vibdiv {
    left: -1%;
  top: -2%;
}
.sig_log {
  top: 42%;
  left: 66px;
}
}
@media (max-width:1580px) {
  #r1div {
    left: 73.5%;
    top: 95%;
}
#rdiv {
  left: 68.9%;
      top: 40%;
  }
  #ordiv {
    left: 64.2%;
    top: 419px;
  }
  #yordiv {
    left: 59.6%;
    top: 8%;
    }
    #gyodiv {
      left: 54.9%;
top: 417px;
  }
  #ibgdiv {
    top: 9%;
  left: -1.4%;
  }
  #vibdiv {
    left: -0.5%;
  top: -2%;
}
.sig_log {
  top: 38%;
  left: 42px;
}
}
@media (max-width:1480px) {
  #r1div {
    left: 75.5%;
  top: 93%;
}
#rdiv {
  left: 70.5%;
  top: 36%;
  }
  #ordiv {
    left: 65.6%;
  top: 392px;
  }
  #yordiv {
    left: 60.4%;
  top: 2%;
    }
    #gyodiv {
      left: 55.6%;
top: 392px;

  }
  #ibgdiv {
    top: 5%;
    left: -1%;
  }
  #vibdiv {
    left: -0.5%;
  top: -1%;
}
.sig_log {
  top: 33%;
left: 24px;
}
}
@media (max-width:1380px) {
  #r1div {
    left: 77.5%;
  top: 90%;
}
#rdiv {
  left: 72.2%;
  top: 31%;
  }
  #ordiv {
    left: 67.1%;
      top: 369px;
  }
  #yordiv {
    left: 61.4%;
    top: -4%;
    }
    #gyodiv {
      left: 55.9%;
    top: 369px;

  }
  #ibgdiv {
    top: 0%;
  left: -1%;
  }
  #vibdiv {
    left: -0.5%;
  top: -1%;
}
.sig_log {
  top: 29%;
left: 1px;
}
}
@media (max-width:1310px) {
  #r1div {
    left: 72.5%;
        top: 86%;
}
#rdiv {
  left: 65.9%;
top: 19%;
  }
  #ordiv {
    left: 59.4%;
  top: 308px;
  }
  #yordiv {
    left: 52.5%;
  top: -20%;
    }
    #gyodiv {
      left: 45.9%;
    top: 309px;
  }
  #ibgdiv {
    top: -13%;
  left: -12%;
  }
  #vibdiv {
    left: -13.2%;
  top: 2%;
}
.sig_log {
  top: 24%;
  left: -24px;
}
}
@media (max-width:1290px) {
  #r1div {
        left: 73.8%;
        top: 86%;
}
#rdiv {
  left: 66.9%;
top: 18%;
  }
  #ordiv {
      left: 60.4%;
  top: 308px;
  }
  #yordiv {
    left: 53.5%;
      top: -21%;
    }
    #gyodiv {
      left: 46.6%;
    top: 305px;
  }
  #ibgdiv {
    top: -14%;
      left: -11.6%;
  }
  #vibdiv {
    left: -12.9%;
        top: 2%;
}
.sig_log {
  top: 23%;
  left: -26px;
}
}

div
{
	//border:solid black;

}
.common
{
	padding:0;
	margin:0;
}
.home_p
{
		color: black;
		position: absolute;
		top: 0px;
		background: white;
		padding: 10px 85px;
		width: 94%;
		left: 8px;
		text-decoration: underline;
}
.interiors_p
{
		color: black;
		position: absolute;
		top: 549px;
		background: white;
		padding: 10px 8px;
		width: 94%;
		left: 8px;
		text-decoration: underline;
}

.cul_p
{
		color: black;
		position: absolute;
		top: 595px;
		background: white;
		padding: 10px 8px;
		width: 94%;
		left: 8px;
		text-decoration: underline;
}
.sports_p
{
		color:black;


		position: absolute;
		top: 503px;
		background:white;
		padding: 10px 8px;
		width: 94%;
		left: 8px;
text-decoration: underline;

}
.insti_p
{
color:black;
	position: absolute;
		top: 457px;
		background: white;
		padding: 10px 8px;
		width: 94%;
		left: 8px;
text-decoration: underline;

}
.apart_p
{
	color:black;

		position: absolute;
		top: 411px;
		background: white;
		padding: 10px 8px;
		width: 94%;
		left: 8px;
		text-decoration: underline;

}




.rel_p
{
	color:black;

		position: absolute;
		top: 365px;
	background: white;
	padding: 10px 8px;
		width: 94%;
		left: 8px;
	text-decoration: underline;

}




.res_p
{
		color:black;
		position: absolute;
		top: 317px;
		background: white;
		padding: 11px 8px;
		width: 94%;
		left: 8px; text-decoration: underline;
}
sigheading.sig_log_other {
    width: 38%;
    margin: 121px 0 -30px 104px;
}




.logo_nw {
    position: absolute;
    top: 91px;
    left: 112px;
}


.logo_nw img
{
	width:22%;


}







.col-xs-3.col-sm-3.top_div {

		position: fixed;
		top: 25px;
		//padding: 0;
		width: auto;
		height: auto;
		left: 45px;
}


.d3_1{

	width:47%;
	position:relative;
	height: 166px;
	padding: 2px;

}


.d4_1
        {
            position: relative;

			height: 140px;

			width: 80%;

			padding: 2px;

			//margin: 11px 132px;
        }


.ap_db
{

	width:39%;
	margin: 0 30px;
	padding: 6px 9px;

}


.res_d3
{

	position: relative;

	height: 200px;

	width: 48%;

	padding: 2px;



}




/* .adito_bg
{

	background-color: #000c !important;
padding: 26px 0 34px;


} */


@-moz-document url-prefix(){


.pad_padd
	{


	}

.h4_add
{
	color: rgb(255, 255, 255);

background-color: rgba(0, 0, 0, 0);

//box-shadow: 1px 2px 13px 2px rgb(186, 40, 40);

}

.addr_dv p {

    color: rgb(255, 255, 255);
    background-color: rgba(0, 0, 0, 0);
    padding: 6px 13px;
    margin: 0;

}

.cnt_cont
	{

		box-shadow: 1px 2px 13px 2px rgb(186, 40, 40);

	}

	.cnt_cont:hover
	{

		background: rgba(0, 0, 0, 0.8);

	}




 .prjct_img {
    background-color: rgba(0, 0, 0, 0) !important;
    padding-right: 10px;
	 /*background: rgba(0, 0, 0, 0.8)!important;*/

}


.prjct_img:hover
{      background-color: rgba(255,0,0,0.8)!important;

padding-right: 10px;
        
	 /*background: rgba(0, 0, 0, 0.8)!important;*/
    /*! color: rgb(255, 255, 255); */
    /*background: rgba(0, 0, 0, 0.8)!important;*/


}



.jssr
{
	position:relative;
	margin:0 auto;
	top:0px;
	left:0px;
	width:960px;
	height:680px;
	overflow:hidden;
	visibility:hidden;
	background-color:rgba(36, 38, 46, 0.03);
	box-shadow: 1px 2px 13px 2px rgb(186, 40, 40);



}


.jssr:hover
{
	 background: rgba(0, 0, 0, 0.8);
    color: rgb(255, 255, 255);
    box-shadow: 1px 2px 13px 2px rgb(186, 40, 40);


}






.slid_tex
{
	background-color:rgba(18, 18, 18, 0.03);
	color: white !important;



}

.jsr_thumb
{
	position:absolute;
	left:0px;
	top:0px;
	width:240px;
	height:680px;
	background-color:rgba(0, 0, 0, 0.03);
}
}

.about_us_divl1 {
    background: rgb(155 155 155 / 31%);
    box-shadow: 1px 0 13px 2px red;
    z-index: 9;
}

.about_us_divl2 {
    background: rgb(155 155 155 / 31%);
    box-shadow: 1px 0 13px 2px red;
    z-index: 9;
}
.about_us_dl2 {
    background: rgb(155 155 155 / 31%);
    box-shadow: 1px 0 13px 2px red;
    z-index: 9;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

.prjct_img {
    background-color: rgba(0, 0, 0, 0) !important;
    padding-right: 10px;
    /* height: 800px; */
	 /*background: rgba(0, 0, 0, 0.8)!important;*/

}
.prjct_img:hover
{      background-color:#001bff91 !important;
            padding-right: 10px;
         /*box-shadow: 1px 2px 13px 2px rgb(186, 40, 40);*/
	 /*background: rgba(0, 0, 0, 0.8)!important;*/
    /*! color: rgb(255, 255, 255); */
}
.prjct_img1 {
    background-color: rgba(0, 0, 0, 0) !important;
    padding: 0px;
	 /*background: rgba(0, 0, 0, 0.8)!important;*/

}


.prjct_img1:hover
{      background-color:#dfc00f73 !important;

	 /*background: rgba(0, 0, 0, 0.8)!important;*/
    /*! color: rgb(255, 255, 255); */



}
.prjct_img2 {
    background-color: rgba(0, 0, 0, 0) !important;
    padding: 0px;
	 /*background: rgba(0, 0, 0, 0.8)!important;*/

}


.prjct_img2:hover
{      background-color: #e6f01094!important;
/*height:1167px;*/

	 /*background: rgba(0, 0, 0, 0.8)!important;*/
    /*! color: rgb(255, 255, 255); */



}














.prjct_img3 {
    background-color: rgba(0, 0, 0, 0) !important;
    padding: 0px;
	 /*background: rgba(0, 0, 0, 0.8)!important;*/

}


.prjct_img3:hover
{      background-color:rgba(81, 81, 81, 0.8)!important;

	 /*background: rgba(0, 0, 0, 0.8)!important;*/
    /*! color: rgb(255, 255, 255); */



}
.prjct_img4 {
    background-color: rgba(0, 0, 0, 0) !important;
    padding: 0px;
	 /*background: rgba(0, 0, 0, 0.8)!important;*/

}


.prjct_img4:hover
{      background-color: #C77519!important;

	 /*background: rgba(0, 0, 0, 0.8)!important;*/
    /*! color: rgb(255, 255, 255); */



}
.prjct_img5 {
    background-color: rgba(0, 0, 0, 0) !important;
    padding: 0px;
 /*background: rgba(0, 0, 0, 0.8)!important;*/

}


.prjct_img5:hover
{      background-color:rgba(85, 249, 74, 0.8)!important;

	 /*background: rgba(0, 0, 0, 0.8)!important;*/
    /*! color: rgb(255, 255, 255); */



}
.prjct_img6 {
    background-color: rgba(0, 0, 0, 0) !important;
    padding: 0px;
	 /*background: rgba(0, 0, 0, 0.8)!important;*/

}


.prjct_img6:hover
{      background-color:rgba(255, 255, 255, 0.8)!important;
    /*height: 1115px;*/
	 /*background: rgba(0, 0, 0, 0.8)!important;*/
    /*! color: rgb(255, 255, 255); */
}



.prjct_img7 {
    background-color: rgba(0, 0, 0, 0) !important;
    padding: 0px;
	 /*background: rgba(0, 0, 0, 0.8)!important;*/

}


.prjct_img7:hover
{      background-color:rgba(67, 163, 247, 0.8)!important;

	 /*background: rgba(0, 0, 0, 0.8)!important;*/
    /*! color: rgb(255, 255, 255); */



}
.prjct_img8 {
    background-color: rgba(0, 0, 0, 0) !important;
    padding: 0px;
	 /*background: rgba(0, 0, 0, 0.8)!important;*/

}
.prjct_img9 {
    background-color: rgba(0, 0, 0, 0) !important;
    padding: 0px;
	 /*background: rgba(0, 0, 0, 0.8)!important;*/

}


.prjct_img9:hover
{      background-color:rgba(34, 226, 182, 0.8)!important;

	 /*background: rgba(0, 0, 0, 0.8)!important;*/
    /*! color: rgb(255, 255, 255); */
}
.prjct_img10 {
    background-color: rgba(0, 0, 0, 0) !important;
    padding: 0px;
	 /*background: rgba(0, 0, 0, 0.8)!important;*/

}


.prjct_img10:hover
{      background-color:rgba(40, 191, 156, 0.8)!important;

	 /*background: rgba(0, 0, 0, 0.8)!important;*/
    /*! color: rgb(255, 255, 255); */
}


.prjct_img8:hover
{      background-color:#DF350F!important;

	 /*background: rgba(0, 0, 0, 0.8)!important;*/
    /*! color: rgb(255, 255, 255); */
}
.prjct_img9 {
    background-color: rgba(0, 0, 0, 0) !important;
    padding: 0px;
	 /*background: rgba(0, 0, 0, 0.8)!important;*/

}
.prjct_img9:hover
{      background-color:rgba(255, 49, 125, 0.8)!important;

	 /*background: rgba(0, 0, 0, 0.8)!important;*/
    /*! color: rgb(255, 255, 255); */
}






.addr_dv p {
    color: rgb(255, 255, 255);
    background-color: rgba(0, 0, 0, 0);
    padding: 6px 13px;
        margin: 0;
}
.cnt_cont
	{
box-shadow: 1px 2px 13px 2px rgb(186, 40, 40);
z-index: 9;
    position: sticky;
	}
.cnt_cont:hover
{
background: rgba(0, 0, 0, 0.8);
	}
.jssr
{
	position:relative;
	margin:0 auto;
	top:0px;
left:0px;
	width:960px;
	height:680px;
	overflow:hidden;
	visibility:hidden;
	background-color:rgba(36, 38, 46, 0.03);
	box-shadow: 1px 2px 13px 2px rgb(186, 40, 40);
z-index: 9;
}
.jssrs
{
	position:relative;
	margin:0 auto;
	top:0px;
left:0px;
	width:960px;
	height:680px;
	overflow:hidden;
	visibility:hidden;
	background-color:rgba(36, 38, 46, 0.03);
	box-shadow: 1px 2px 13px 2px rgb(186, 40, 40);
z-index: 9;
}
.jssr:hover
{
	 background: rgba(0, 0, 0, 0.8);
    color: rgb(255, 255, 255);
    box-shadow: 1px 2px 13px 2px rgb(186, 40, 40);
}
.jssrs:hover
{
	 background: rgba(0, 0, 0, 0.8);
    color: rgb(255, 255, 255);
    box-shadow: 1px 2px 13px 2px rgb(186, 40, 40);
}
.slid_tex
{
	background-color:rgba(18, 18, 18, 0.03);
	color: white !important;
}
.jsr_thumb
{
	position:absolute;
	left:0px;
	top:0px;
	width:240px;
	height:680px;
	background-color:rgba(0, 0, 0, 0.03);
}
}
.res_d4
{

	position: relative;

	height: 140px;

	width: 72%;

	padding: 2px;


}


.res_4th_sec
{
	height: 286px;



}

.res_d5
{
position: relative;
height: 200px;
width: 88%;
padding: 9px 3px;
margin: 6px 0;


}


.pad_padd
{

	padding: 9px 9px;

}


.d3_com
{

	position: relative;
height: 200px;
width: 49%;
padding: 2px;


}

.d1_com
{

width: 30%;

height: 268px;
margin: 0 0 0 16px;


}

.d2_com {
    width: 31%;
    //height: 192px;
    margin: 10px 0 13px 26px;
}


.d2_com1 {

    margin: 180px 0 13px -213px;
    width: 18%;
    height: 162px;

}


.d2_com_11 {

    width: 36%;
    height: 331px;

}

.d2_com_12 {

    width: 18%;
    height: 160px;
    margin: -152px 0 13px 6px;

}



.carousel-inner {
    position: relative;
    width: 1021px;
    overflow: hidden;
}



.d1_ins
{

width: 26%;
margin: 0 56px 0 75px;


}

.d2_ins
{
	width: 26%;



}


.d1_a
{

	width: 31%;
	margin: 0 45px 0 25px;


}

.d2_a
{

	width: 30%;

}


.d1_v
{

	width: 43%;

margin: 0px 0 0 0px;

}

.d2_v
{
	width: 45%;

height: 234px;

margin: 45px 0px 0 22px;

}


.d1_r
{

	width:70%;


}

.d2_r
{

	width: 46%;
	height: 248px;


}



.reg_d1
{
	width:31%;



}

.reg_d2
{
	width:34%;



}




.sports_img
{

	width: 41%;




}


.de_re1
{

	width:32%;

}
.de_re2
{

	width:23%;

}

.de_re3
{

	width:23%;

}
.de_re4
{

	width: 29%;
	margin: 0 0 0 247px;

}






.res_click_img
{
width:100%;
	height:150px;

}
.res_click_319{width:100%;
	height:319px;
}
.res_click_270{width:100%;
	height:270px;
}
.res_click_160{width:100%;
	height:160px;
}
.res_click_140{width:100%;
	height:140px;
}
.res_click_150{width:100%;
	height:150px;
}
.res_click_180{width:100%;
	height:180px;
}
.res_click_300{width:100%;
	height:305px;
}
.res_click_200{width:100%;
	height:200px;
}
.res_click_210{width:100%;
	height:210px;
}
.res_click_205{width:100%;
	height:205px;
}
.res_click_265{width:100%;
	height:265px;
}
.res_click_250{width:100%;
	height:250px;
}
.res_click_175{width:100%;
	height:175px;
}
.bac_bg_commerical
{
	background: #fff !important;


}

.bac_bg_Religious
{
	background: #fff !important;


}

.bac_bg_Apartments
{
	background: #fff !important;


}

a:focus, a:hover {
    color: #23527c;
    text-decoration: none;
}


.blog_h2
{

	color:white;
	text-align:left;


}





.body_common_bg span
{
	font-size: 49px;
margin: 11px 0px 0 31px;

}














.blog-content {
	padding: 42px 32px 57px;
	    text-align: justify;
	    background-color: black;
	    box-shadow: 0px 0px 12px red;
	    /* margin-left: -248px; */
	    /* margin-top: -91px; */
	    margin: -62px 101px 0px -199px;
}
@media (max-width:991px) {
	.blog-content {
		padding: 17px 18px 34px;
    text-align: justify;
    background-color: black;
    box-shadow: 0px 0px 12px red;
    /* margin-left: -248px; */
    /* margin-top: -91px; */
    margin: 0px 0px 0px 0px;}

}
.imbg{
    box-shadow: 0px 0px 12px red;
}
.blog-content p
{
color:white;

}

.blog_adm_div
{
	/*! border: solid red; */
	width: auto;
	float:left;
	margin: 0 14px 0 0px;
}



.blog_backbutton
{

	width:30%;
	height:100px;
	//background:red;
}
#vibdiv {
    //display: none;
    height: 70px;
    width: 70px;
    padding-bottom: 4px;
    z-index: 9999;
    //margin: 27% 0 0 46%;
    position: absolute;
    //border: solid;
    top: 89%;
    left: 45.5%;
}

#ibgdiv {

    display: none;
    width: 6%;
    height: auto;
    //margin-left: 51.4%;
    //margin-top: 4%;
    padding-bottom: 6px;
    //border: solid red;
    z-index: -1;
    position: absolute;
    top: 13%;
    left: 51%;

}
#gyodiv {
    display: none;
    width: 70px;
    height: 450px;
    left: 56%;
    //margin-bottom: -46%;
    padding-bottom: 6px;
    position: absolute;
    top: 91%;
}
#yordiv {
    display: none;
    width: 70px;
    height: 347px;
    left: 62%;
    top: -3%;
    padding-bottom: 6px;
    position: absolute;
    z-index: -1;
}
#ordiv {

    display: none;
    width: 70px;
    height: 500px;
    left: 67%;
    margin-bottom: 0;
    padding-bottom: 6px;
    position: absolute;
    top: 89%;

}


#rdiv {

    display: none;
    width: 70px;
    height: 225px;
    left: 73%;
    top: 30%;
    padding-bottom: 6px;
    position: absolute;
    z-index: -1;

}

#r1div {

    display: none;
    width: 70px;
    height: 225px;
    left: 78%;
    top: 89%;
    padding-bottom: 6px;
    position: absolute;
    z-index: -1;

}
.raindiv::before {
    width: 588px;
    height: 10px;
    content: "";
    background: #0f0e0e;
    position: absolute;
    top: 9px;
    right: 6%;
    z-index: -1;
}
.coming_soon {
    border-radius: 5px;
    background: #000000b3;
    width: 22%;
    height: 96px;
    margin: 0 0 0 20px;
background-image:url("../images/sm_white3.jpg");
background-repeat:no-repeat;
background-position:fixed;
}



.admin_bg_img
{
	background-image:url("../images/g3.jpg");
background-repeat:no-repeat;
background-position:fixed;

	background-size: cover;
	width:100%
	height:500px;
}



.blg_admin_out
{
	padding: 87px 173px;
	background:black;
	color:white;
	margin: 0 0 17px 0;
	box-shadow: 0px 0px 13px 2px red;

}


.btn_admn_dv{


	float:right;

	padding: 8px 34px;
	font-size: 15px;
	font-weight: 600;
	font-family: times;
}


.adm_viw_img
{
	width: 59%;
height: 121px;
text-align: center;

}






.sigheading1 {
	font-size: 11px;
	text-decoration: none;
	color: #080808;
    text-shadow: 2px 2px 4px #000000;
    text-align: center;
    padding: 0px;
   // margin: 0px 0 -17px;
    text-shadow: 3px 2px 3px;
    //line-height: 53px;
}


.com_sn
{
	text-align: center;
	width: 65%;
	margin-left: 217px;



}







.sig_log
{

		width: 431px;

		position: absolute;

		top: 28%;

		left: 0;


}


.sigheading{
            font-size: 33px;
            text-decoration: none;
            color: white;
            text-shadow: 2px 2px 4px #000000;
            text-align:  center;
			padding: 0px;
			margin: 0px 0 -17px;
			text-shadow: 3px 2px 3px;
        }

      .raindiv {
    width: auto;
    margin-top: 24.5%;
    margin-left: -7px;
}

     .rainbuttons
       {
           border-color: transparent;
           width: 70px;
           border-radius: 5px;
           text-shadow: 2px 2px 4px #000000;
          box-shadow: 10px 5px 10px grey;
       }


.asd{
             border-radius: 10px;
            text-decoration: none;
			text-align: left;
			font-size: 38px;
			position: fixed;
            margin-top: 4%;
			text-shadow: 3px 2px 3px;
z-index: 9;
			margin-left:0;


        }

.asd a:hover
		{
		color: #23527c;

		}

 .asd a{
            text-decoration: none;
           color: rgb(218,165,32);
          text-shadow: 1px 1px 1px black;
        }

   .ased{
            // background-image: url(../images/signatures_card_1.png);
             background-repeat: no-repeat;
             background-size: cover;
             border-radius: 10px;
             margin-top: 15%;
             height: 200px;
             background-position-y: -120px;
			 width: 21%;

			margin-left: 25%;

        }

        .ased a{
            text-decoration: none;
            color: black;
        }

 .d1
        {
            position: relative;
            height: 280px;
            width: 100% ;
            padding: 2px;

        }

  .d2
        {
            position: relative;
            height: 260px;
            padding: 2px;
            width: 100% ;
        }

 .d3
        {
            position: relative;
            height: 200px;
            width: 100% ;
            padding: 2px;
        }

.d4
        {
            position: relative;
            height: 140px;
            width: 100% ;
            padding: 2px;
        }

.d7
        {
            position: relative;
            height: 70px;
            width: 100% ;
            padding: 2px;
        }

 #ii2013 img
       {
            border-radius: 6px
       }

#ii2013 img:hover
       {
             margin-top: -20%;
       }

 #feature img {
            border-radius: 0px

}

/* #feature img:hover
{
    transform: scale(1.5);
       // opacity: 0.4;
       width: 50%;
	height: 271px;
	z-index:999;
	margin: 0 32px;
	transition: all .3s ease-out;
} */



.more_pic
{
	font-size: 20px;
text-decoration: none;
color: #2264ea;
text-shadow: 2px 2px 4px #000000;
text-align: center;
padding: 0px;
margin: 0px -84px -17px 88%;
text-shadow: 3px 2px 3px;
text-decoration: underline;


}








.about_us_div
{
box-shadow:1px 0 13px 2px red;

z-index: 9;
}
.about_us_dl {
    background: rgb(155 155 155 / 31%);
    box-shadow: 1px 0 13px 2px red;
    z-index: 9;
}
.about_us_d {
    background: rgb(155 155 155 / 31%);
    box-shadow: 1px 0 13px 2px red;
    z-index: 9;
}
.about_us_di {
    background: rgb(155 155 155 / 31%);
    box-shadow: 1px 0 13px 2px red;
    z-index: 9;
}
.about_us_divl {
    background: rgb(155 155 155 / 31%);
    box-shadow: 1px 0 13px 2px red;
        z-index: 9;
}

.about_us_div:hover
{


	background: rgba(2, 2, 2, 0.78);
color: white;
box-shadow: 1px 2px 13px 2px #ba2828;


}

.about_us_div:hover p
{
	color:white;
	text-shadow: 2px 2px 1px #837272;
}

.about_us_div p
{

font-size: 16px;
color: white;
text-shadow: 2px 2px 4px #000000;
text-align:justify;
}
.about_us_divl1:hover p
{
	color:white;
	text-shadow: 2px 2px 1px #837272;
}
.about_us_divl1 p {
    font-size: 16px;
    color: white;
    text-shadow: 2px 2px 4px #000000;
    text-align: justify;
}

.about_us_divl2:hover p
{
	color:white;
	text-shadow: 2px 2px 1px #837272;
}
.about_us_divl2 p {
    font-size: 16px;
    color: white;
    text-shadow: 2px 2px 4px #000000;
    text-align: justify;
}

.about_us_di:hover p ul li
{
	color:white;
	text-shadow: 2px 2px 1px #837272;
}
.about_us_di p ul li {
    font-size: 16px;
    color: white;
    text-shadow: 2px 2px 4px #000000;
    text-align: justify;
}
.about_us_d:hover p
{
	color:white;
	text-shadow: 2px 2px 1px #837272;
}
.about_us_d p  {
    font-size: 16px;
    color: white;
    text-shadow: 2px 2px 4px #000000;
    text-align: justify;
}


.con_us {

    padding: 3px;
    width: 100%;

}
.abt_icon_dv
{
	text-align: center;
	color: white;
	margin: 0 0 25px 0;

}

.social-icon li a {
    border-radius: 100px;
    color: black;
    font-size: 18px;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    margin-top: 12px;
    margin-right: 10px;
}

.our_studio
{

	border:solid red;


}


.foo_sign
{

	//width: 100%;
	text-align: center;
	background: #00000080;
	padding: 7px 0;
  position: sticky;
  z-index: 9;
}


.sign_our_stu h2
{

	text-align:center;



}


.foot_inn
{
	margin:0 auto;


}


.abt_ic_pr
{

	background-color: #ffffff;
  color: black;
  border: none;

}


.addr_dv
{
	padding: 145px 0 0;


}


.addr_dv {
    padding: 0 24px 0;
}



.sig_map
{
	width:100%;
	height:259px;
	margin:8px 0 0 0;padding: 0 22px;//padding: 0 14px;

}



.templatemo_portfoliotext p {

    color: #008aff;
    position: absolute;
    top: 0px;
    background: #140f0f00;
    padding: 10px 109px;
    width: 94%;
    left: 8px;
    text-decoration: underline;
}


.sig_log_other
{

	width: 25%;

margin: 121px 0 -27px -16px;


}


.sk_img
{

	width:100%;
	height:200px;

}



/* 21/08/2018 addtional change for index page -- project section */

@media screen and (-webkit-min-device-pixel-ratio:0)

{

.co1
{
	max-width: 274px;
max-height: 238px;

width: auto;

height: auto;

}

.co2 {
    max-width: 158px;
    max-height: 121px;
    width: auto;
    height: auto;
    margin: -65px 0 0 2px;
}

.co3 {
    max-width: 156px;
    max-height: 181px;
    width: auto;
    height: auto;
       margin: 127px 0 0 -324px;
}



.co4 {
    max-width: 158px;
    max-height: 181px;
    width: auto;
    height: auto;
    margin: 127px 0 0 3px;
}


.co5 {
    max-width: 273px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: -20px 67px 0 10px;
}



.co6 {
    max-width: 318px;
    max-height: 252px;
    width: auto;
    height: auto;
    margin: 9px 10px 0 -63px;
}


/*


.co6 {
    max-width: 276px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 381px 29px 0 -57px;
}



 */

.re1 {
    max-width: 353px;
    max-height: 313px;
    width: auto;
    height: auto;
    margin: 24px 0 0 -96px;
}

.re2 {
    max-width: 163px;
    max-height: 277px;
    width: auto;
    height: auto;
    margin: -107px 0 0 6px;
}

.re3 {
    max-width: 163px;
    max-height: 188px;
    width: auto;
    height: auto;
    margin: 156px 0 0 -167px;
}


.re4 {

    max-width: 147px;
    max-height: 188px;
    width: auto;
    height: auto;
    margin: 113px 9px 0 -298px;
    display: none;
}


.re5 {
    max-width: 140px;
    max-height: 81px;
    width: auto;
    height: auto;
    margin: 113px 9px 0 -4px;
	    display: none;
}


.re6 {
    max-width: 341px;
    max-height: 236px;
    width: auto;
    height: auto;
    margin: 0 0 0 -68px;
}










.in1
{

	max-width: 274px;
max-height: 266px;
width: auto;
height: auto;


}

.in2
{

	max-width: 274px;
max-height: 266px;
width: auto;
height: auto;


}



.rs1 {
    max-width: 440px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 57px 0 0 -44px;
}


.rs2 {
    max-width: 190px;
    max-height: 101px;
    width: auto;
    height: auto;
    margin: -115px 0 0 2px;
}

.rs3 {
    max-width: 180px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -119px 0 0 2px;
}


.rs4 {
    max-width: 374px;
    max-height: 170px;
    width: auto;
    height: auto;
    margin: -188px 0 0 402px;
}

.rs5 {

    max-width: 150px;
    max-height: 367px;
    width: auto;
    height: auto;
    margin: 4px 0 0 -744px;
	display:none;
}


.rs6 {

    max-width: 109px;
    max-height: 203px;
    width: auto;
    height: auto;
    margin: 27px 0 0 -479px;
	display:none;

}

.rs7 {

    max-width: 110px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 25px 0 0 -591px;
	display:none;

}



.rn1 {
    max-width: 435px;
    max-height: 307px;
    width: auto;
    height: auto;
    margin: 23px 0 0 -44px;
}


.rn2 {
    max-width: 146px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -116px 0 0 5px;
}

.rn3 {
    max-width: 143px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -117px 0 0 6px;
}

.rn4 {
    max-width: 297px;
    max-height: 133px;
    width: auto;
    height: auto;
    margin: -153px 0 0 399px;
}



.ins1 {

    max-width: 175px;
    max-height: 182px;
    width: auto;
    height: auto;
    margin: 5px 0 0 55px;

}


.ins2 {

    max-width: 170px;
    max-height: 182px;
    width: auto;
    height: auto;
    margin: 2px 0 0 5px;

}

.spt1 {

    max-width: 326px;
    max-height: 227px;
    width: auto;
    height: auto;
    margin: 22px 0 0 29px;

}



.int1 {
    max-width: 356px;
    max-height: 253px;
    width: auto;
    height: auto;
    margin: 18px 0 0 -32px;
}

.int2 {
    max-width: 128px;
    max-height: 128px;
    width: auto;
    height: auto;
    margin: -104px 0 0 6px;
}

.int3 {
    max-width: 168px;
    max-height: 197px;
    width: auto;
    height: auto;
    margin:-139px -6px -14px 382px;
}

.int4 {
    max-width: 305px;
    max-height: 214px;
    width: auto;
    height: auto;
    margin: -137px 70px 35px 396px;
}

.int5 {
    max-width: 111px;
    max-height: 88px;
    width: auto;
    height: auto;
    margin:6px 0 0 -684px;
}

.int6 {
    max-width: 111px;
    max-height: 88px;
    width: auto;
    height: auto;
    margin:-7px 319px -11px -555px;

}


.int7 {
    max-width: 111px;
    max-height: 88px;
    width: auto;
    height: auto;
    margin:-129px 182px 3px 270px;
}



.int8 {

    max-width: 96px;
    max-height: 88px;
    width: auto;
    height: auto;
    margin: 112px 0 0 -668px;

}


.int9 {

    max-width: 96px;
    max-height: 88px;
    width: auto;
    height: auto;
    margin: 115px 0 0 -556px;

}



.on_gong_wrk1
{
	max-width: 491px;

max-height: 288px;

//width: auto;

height: auto;

margin: 50px 0 0;
}


.on_gong_wrk2 {
    max-width: 258px;
    max-height: 129px;
    //width: auto;
    height: auto;
    margin: -96px 0 0 8px;
}

.on_gong_wrk3
{

max-width: 258px;

max-height: 129px;

//width: auto;

height: auto;

margin: -106px 0 0;


}

.on_gong_wrk4 {
    max-width: 258px;
    max-height: 129px;
    width: auto;
    height: auto;
    margin: -156px 0 0 502px;
}

.on_gong_wrk5
{


max-width: 258px;

max-height: 129px;

//width: auto;

height: auto;

margin: -155px 0 0 2px;

}



.sigheading_ongng_wrk {
    font-size: 29px;
    text-decoration: none;
    color: #fb6969;
    text-shadow: 2px 2px 4px #000000;
    text-align: center;
    padding: 0px;
    margin: 0px 0 -17px;
    text-shadow: 3px 2px 3px;



	visibility: visible;
	animation-duration: 1000ms;
	animation-iteration-count: infinite;
	animation-name: pulse;



}



.on_gng_wrk_ic
{

	width: 10%;

}






}


@-moz-document url-prefix()
{

.co1
{
	max-width: 274px;
max-height: 238px;

width: auto;

height: auto;

}

.co2 {
    max-width: 156px;
    max-height: 234px;
    width: auto;
    height: auto;
    margin: -70px 0 0 4px;
}


.co3 {

    width: auto;
    height: auto;
    margin: 123px 0 0 -323px;

    max-width: 155px;
    max-height: 234px;
}



.co4 {

    max-width: 156px;
    max-height: 234px;
    width: auto;
    height: auto;
    margin: 122px 0 0 -159px;

}


.co5 {

    max-width: 272px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: -20px 67px 0 64px;

}



.co6 {

    max-width: 318px;
    max-height: 252px;
    width: auto;
    height: auto;
    margin: 8px 66px 0 -63px;

}


/*


.co6 {
    max-width: 276px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 381px 29px 0 -57px;
}





 */



.re1 {
    max-width: 284px;
    max-height: 309px;
    width: auto;
    height: auto;
    margin: 33px 0 0 -8px;
}


.re2 {

    max-width: 130px;
    max-height: 287px;
    width: auto;
    height: auto;
    margin: -74px 0 0 6px;

}

.re3 {

    max-width: 130px;
    max-height: 128px;
    width: auto;
    height: auto;
    margin: 139px 0 0 -133px;

}


.re4 {

    max-width: 144px;
    max-height: 260px;
    width: auto;
    height: auto;
    margin: 151px 9px 0 -301px;

    display: none;
}


.re5 {

    max-width: 144px;
    max-height: 81px;
    width: auto;
    height: auto;
    margin: -103px 9px 0 452px;

    display: none;
}

.re6 {
    max-width: 341px;
    max-height: 236px;
    width: auto;
    height: auto;
    margin: 0 0 0 -68px;
}










.in1
{

	max-width: 274px;
max-height: 266px;
width: auto;
height: auto;


}

.in2
{

	max-width: 274px;
max-height: 266px;
width: auto;
height: auto;


}



.rs1 {

    max-width: 404px;
    max-height: 272px;
    width: auto;
    height: auto;
    margin: 55px 0 0 -44px;

}


.rs2 {
    max-width: 180px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -118px 0 0 2px;
}

.rs3 {
    max-width: 180px;
    max-height: 208px;
    width: auto;
    height: auto;
   margin: -120px 0 0 2px;
}


.rs4 {

    max-width: 363px;
    max-height: 239px;
    width: auto;
    height: auto;
    margin: -186px 0 0 366px;

}

.rs5 {

    max-width: 150px;
    max-height: 367px;
    width: auto;
    height: auto;
    margin: 4px 0 0 -744px;

}


.rs6 {

    max-width: 109px;
    max-height: 203px;
    width: auto;
    height: auto;
    margin: 27px 0 0 -479px;

}

.rs7 {

    max-width: 110px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 25px 0 0 -591px;

}



.rn1 {
    max-width: 405px;
    max-height: 299px;
    width: auto;
    height: auto;
    margin: 61px 0 0 -45px;
}


.rn2 {
    max-width: 124px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -84px 5px 0 4px;
}

.rn3 {
    max-width: 121px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -83px 0 0 -3px;
}

.rn4 {

    max-width: 248px;
    max-height: 137px;
    width: auto;
    height: auto;
    margin: -157px 0 0 363px;

}






.ins1 {

    max-width: 175px;
    max-height: 182px;
    width: auto;
    height: auto;
    margin: 5px 0 0 55px;

}


.ins2 {

    max-width: 170px;
    max-height: 182px;
    width: auto;
    height: auto;
    margin: 2px 0 0 5px;

}

.spt1 {

    max-width: 178px;
    max-height: 300px;
    width: auto;
    height: auto;
    margin: 5px 0 35px 58px;

}


.int1 {
    max-width: 341px;
    max-height: 253px;
    width: auto;
    height: auto;
    margin: 21px 0 0 -44px;
}


.int2 {
    max-width: 118px;
max-height: 150px;
    width: auto;
    height: auto;
    margin: -103px -14px 0 5px;
}

.int3 {
    max-width: 179px;
    max-height: 166px;
    width: auto;
    height: auto;
    margin: -104px -4px 0 18px;
}


.int4 {

    max-width: 302px;
    max-height: 218px;
    width: auto;
    height: auto;
    margin: -148px 0 0 310px;

}

.int5 {

    max-width: 108px;
    max-height: 96px;
    width: auto;
    height: auto;
    margin: 11px 0 33px -657px;

}

.int6 {

    max-width: 108px;
    max-height: 96px;
    width: auto;
    height: auto;
    margin: 10px 0 33px -542px;

}


.int7 {

    max-width: 108px;
    max-height: 96px;
    width: auto;
    height: auto;
    margin: 9px 0 33px -425px;

}



.int8 {

    max-width: 96px;
    max-height: 88px;
    width: auto;
    height: auto;
    margin: 112px 0 0 -668px;

}


.int9 {

    max-width: 96px;
    max-height: 88px;
    width: auto;
    height: auto;
    margin: 115px 0 0 -556px;

}







.sigheading_ongng_wrk {
    font-size: 33px;
    text-decoration: none;
    color: #fb6969;
    text-shadow: 2px 2px 4px #000000;
    text-align: center;
    padding: 0px;
    margin: 0px 0 -17px;
    text-shadow: 3px 2px 3px;

	visibility: visible;
	animation-duration: 1000ms;
	animation-iteration-count: infinite;
	animation-name: pulse;



}



.on_gong_wrk1 {
    max-width: 498px;
    max-height: 356px;
    //width: auto;
    height: auto;
    margin: 29px 0 0 -115px;
}


.on_gong_wrk2 {
    max-width: 258px;
    max-height: 129px;
    //width: auto;
    height: auto;
    margin: -121px 0 0 7px;
}

.on_gong_wrk3 {
    max-width: 258px;
    max-height: 129px;
    //width: auto;
    height: auto;
    margin: -467px 0 0 705px;
}

.on_gong_wrk4 {
    max-width: 258px;
    max-height: 140px;
    width: auto;
    height: auto;
    margin: -162px 0 0 394px;
}

.on_gong_wrk5 {
    max-width: 258px;
    max-height: 129px;
    //width: auto;
    height: auto;
    margin: -233px 0 0 706px;
}




}


.on_gng_wrk_ic
{

	width: 10%!important;

}







/* 21/08/2018 addtional change for index page -- project section */




























@media(max-width:1310px)
{

	.ased {
    // background-image: url(../images/signatures_card_1.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    margin-top: 14%;
    height: 200px;
    background-position-y: -120px;
    width: 24%;
    margin-left: 10%;
    //border: solid yellow;
}
.raindiv {
    width: auto;
    margin-top: 25%;
    margin-left: -14px;
    //border: solid blue;
}
	.asd {
    border-radius: 10px;
    text-decoration: none;
    text-align: left;
    font-size: 36px;
    position: fixed;
    margin-top: 5%;
    margin-left: 61px;
}

.ext_out
{

	width: 85%;
	margin: 0 0 0 177px;
	cursor: pointer

}
.sig_log {

    width: 400px;
    position: absolute;
    top: 28%;
    left: 0;

}


#vibdiv {


  top: 85%;
  left: 33%;
}

#ibgdiv {

    left: 39%;
    top: 0%;

}
#gyodiv {

    left: 46%;


    top: 86%;
}


#yordiv {

    left: 53%;
    top:-20%;

}

#ordiv {

    left: 59%;

    top: 87%;
}
#rdiv {

    left: 66%;
    top: 70px;

} #r1div{ left: 72%;
    top: 86%;
 }


}




@media(max-width:1304px)
{

	#rdiv {
    left: 69%;
    top: 57px;
}

#2019 {
   left: 69%;
    top: 57px;
}




}



@media(max-width:1294px)
{

	.raindiv::before {
    width: 149px;
    height: 2px;
    content: "";
    background: #0f0e0e;
    position: absolute;
    top: 12px;
    right: 97%;
}



}







@media(max-width:1288px)
{

	.raindiv {
    width: auto;
    margin-top: 25%;
    margin-left: -8px;
    //border: solid blue;
}





}









@media(max-width:1278px)
{
	#r1div{ left: 75%;
    top: 85%;
 }
	#gyodiv {
  left: 48%;
  top: 86%;
}
	#ibgdiv {
  left: 41%;
  top: -4%;
}

#yordiv {
  left: 55%;
  top: -24%;
}
	#ordiv {
  left: 61%;
  top: 85%;
}
#rdiv {
    left: 69%;
    top: 57px;
}


#2019 {
   left: 69%;
    top: 57px;
}


}



@media(max-width:1268px)
{


.raindiv::before {
    width: 149px;
    height: 2px;
    content: "";
    background: #0f0e0e;
    position: absolute;
    top: 14px;
    right: 97%;
}


}











@media(max-width:1266px)
{

	.raindiv {
    width: auto;
    margin-top: 25%;
    margin-left: -3px;
    //border: solid blue;
}



}



@media(max-width:1252px)
{

	#vibdiv {
  top: 85%;
  left: 34%;
}
		#yordiv {
  left: 55%;
  top: -24%;
}
#ibgdiv {
  left: 41%;
  top: -4%;
}

#rdiv {
    left: 69%;
    top: 57px;
}
#ordiv {
  left: 61%;
  top: 85%;
}


}



@media(max-width:1240px)
{

	.raindiv {
    width: auto;
    margin-top: 25%;
    margin-left: 1px;
    //border: solid blue;
}
	.raindiv::before {
    width: 149px;
    height: 2px;
    content: "";
    background: #0f0e0e;
    position: absolute;
    top: 16px;
    right: 97%;
}

}


@media(max-width:1230px)
{

	.raindiv::before {
    width: 149px;
    height: 2px;
    content: "";
    background: #0f0e0e;
    position: absolute;
    top: 17px;
    right: 97%;
}


}



@media(max-width:1224px)
{

#r1div{ left: 76%;
    top: 84%;
 }	#gyodiv {

    left: 48%;
    top: 85%;

}


#ibgdiv {

    left: 41%;
    top: -6%;

}

#yordiv {
    left: 56%;
    top: -27%;
}
#rdiv {

    left: 69%;
    top: 47px;

}

#vibdiv {
    top: 85%;
    left: 34%;
}

#ordiv {

    left: 62%;
    top: 84%;

}


}


@media(max-width:1222px)
{

	.raindiv {
    width: auto;
    margin-top: 25.5%;
    margin-left: 7px;
    //border: solid blue;
}
	.raindiv::before {
    width: 149px;
    height: 2px;
    content: "";
    background: #0f0e0e;
    position: absolute;
    top: 13px;
    right: 97%;
}

}



@media(max-width:1212px)
{

	.raindiv::before {
    width: 149px;
    height: 2px;
    content: "";
    background: #0f0e0e;
    position: absolute;
    top: 13px;
    right: 97%;
}
	.raindiv {
    width: auto;
    margin-top: 25.5%;
    margin-left: 7px;
    //border: solid blue;
}

}



@media(max-width:1208px)
{

	.raindiv {
    width: auto;
    margin-top: 25.8%;
    margin-left: 7px;
    //border: solid blue;
}

.raindiv::before {
    width: 149px;
    height: 2px;
    content: "";
    background: #0f0e0e;
    position: absolute;
    top: 11px;
    right: 97%;
}


}




@media(max-width:1200px)
{

#r1div{ left: 78%;
    top: 86%;
 }
	#ibgdiv {
  left: 42%;
  top: -5%;
}

#yordiv {
  left: 56%;
  top: -27%;
}


	.raindiv {
    width: auto;
    margin-top: 26%;
    margin-left: 7px;
    //border: solid blue;
}
#ordiv {

    left: 64%;
    top: 86%;

}

#rdiv {

    left: 71%;
    top: 50px;

}







}



@media screen and (-webkit-min-device-pixel-ratio:0)
 {

@media(max-width:1199px)
{





.res_p{	   font-size: x-small; padding: 10px 6px;
	top: 261px;
} .rel_p{    font-size: x-small;	padding: 10px 6px;		top: 309px;
} .apart_p{  font-size: x-small;	padding: 10px 6px;	top: 357px;
} .insti_p{    font-size: x-small;	padding: 10px 6px;		top: 405px;
} .sports_p{    font-size: x-small;	padding: 10px 6px;	top: 453px;
}.interiors_p{   font-size: x-small;	padding: 10px 6px;	top: 501px;
}.cul_p{    font-size: x-small;padding: 10px 6px;
	top: 549px;}
	.re1 {
    max-width: 308px;
    max-height: 313px;
    width: auto;
    height: auto;
    margin: 24px 0 0 -96px;
}s






	.re2 {
    max-width: 146px;
    max-height: 128px;
    width: auto;
    height: auto;
    margin: 139px 0 0 9px;
}
.re3 {
    max-width: 145px;
    max-height: 128px;
    width: auto;
    height: auto;
    margin: -90px 0 0 -150px;
}

.re5 {

    max-width: 145px;
    max-height: 81px;
    width: auto;
    height: auto;
    margin: -104px 9px 0 482px;

}

.re4 {

    max-width: 144px;
    max-height: 287px;
    width: auto;
    height: auto;
    margin: 154px 9px 0 -301px;

}



	.co5 {

    max-width: 271px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: -20px 0px 0 0px;

}

	.co6 {

    max-width: 317px;
    max-height: 252px;
    width: auto;
    height: auto;
    margin: 8px 0px 0 6px;

}






	.coming_soon {
    border-radius: 5px;
    background: #000000b3;
        background-image: none;
        background-repeat: repeat;
    width: 22%;
    height: 96px;
    margin: 0 0 0 5px;
    background-image: url("../images/sm_white3.jpg");
    background-repeat: no-repeat;
    background-position: fixed;
}
	.coming_soon p
	{

		color: red;
		margin: 22px 0 0 0;
		font-size: 12px;

	}
	.sigheading1 {
    font-size: 10px;
    text-decoration: none;
    color: #080808;
    text-shadow: 2px 2px 4px #000000;
    text-align: center;
    padding: 0px;
    // margin: 0px 0 -17px;
    text-shadow: 3px 2px 3px;
    //line-height: 53px;
}


	.templatemo_insideportfolio h2 {
    /* margin: 27px 6px 0 33px; */
		margin: 33px 38px -248px 42px;
    color: #0c0c0c;
    font-size: 187px;
}

	.sk_img {
    width: 100%;
    height: 150px;
}

	.templatemo_portfoliotext p {
    color: #008aff;
    position: absolute;
    top: 0px;
    background: #140f0f;
    padding: 10px 72px;
    width: 94%;
    left: 6px;
    text-decoration: underline;
}

	/* .re1 {
    max-width: 241px;
    max-height: 292px;
    width: auto;
    height: auto;
    margin: 5px 0 0 30px;
} */

	/* .re5 {
    max-width: 145px;
    max-height: 81px;
    width: auto;
    height: auto;
    margin: -100px 9px 0 569px;
} */

.rs4 {

    max-width: 303px;
    max-height: 145px;
    width: auto;
    height: auto;
    margin: -160px 0 0px 309px;

}
.rs1 {

    max-width: 334px;
    max-height: 304px;
    width: auto;
    height: auto;
    margin: 55px 0 0 -44px;

}


.rs4 {

    max-width: 303px;
    max-height: 145px;
    width: auto;
    height: auto;
    margin: -160px 0 0px 309px;

}

/* .rs4 {
    max-width: 195px;
    max-height: 145px;
    width: auto;
    height: auto;
    margin: -109px 0 0 188px;
}
 */
.rs2 {

    max-width: 140px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -100px -3px 0 11px;

}

.rs3 {

    max-width: 148px;
    max-height: 211px;
    width: auto;
    height: auto;
    margin: -102px 0 0 14px;

}
.on_gong_wrk2 {
    max-width: 220px;
    max-height: 129px;
    height: auto;
    width: auto;
    margin: -90px 0 0 8px;
}
.on_gong_wrk1 {
    max-width: 446px;
    max-height: 323px;
    height:auto;
    width: auto;
    height: auto;
    margin: 50px 0 0 -47px;
}

.on_gong_wrk3 {
    max-width: 220px;
    max-height: 129px;
    //width: auto;
    height: auto;
    margin: -459px 0 0 564px;
}
.on_gong_wrk4 {
    max-width: 220px;
    max-height: 129px;
    height: auto;
    width: auto;
    margin: -148px 0 0 409px;
}
.on_gong_wrk5 {
    max-width: 194px;
    max-height: 129px;
    //width: auto;
    height: auto;
    margin: -239px 0 0 562px;
}

}


 }


@-moz-document url-prefix(){

 @media(max-width:1199px)
{

	.rs4 {

    max-width: 303px;
    max-height: 145px;
    width: auto;
    height: auto;
    margin: -160px 0 0px 309px;

}









	.rs2 {

    max-width: 140px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -100px -3px 0 11px;

}

	.rs3 {

    max-width: 148px;
    max-height: 211px;
    width: auto;
    height: auto;
    margin: -102px 0 0 14px;

}





	.re2 {


  max-width: 126px;
  max-height: 128px;
  width: auto;
  height: auto;
  margin: -68px 0 0 6px;
}
.re3 {


  max-width: 126px;
  max-height: 128px;
  width: auto;
  height: auto;
  margin: 141px 0 0 -129px;
}

.re5 {

    max-width: 145px;
    max-height: 81px;
    width: auto;
    height: auto;
    margin: -104px 9px 0 482px;

}

.re4 {

    max-width: 144px;
    max-height: 287px;
    width: auto;
    height: auto;
    margin: 154px 9px 0 -301px;

}

.re1 {

    max-width: 276px;
    max-height: 304px;
    width: auto;
    height: auto;
    margin: 39px 0 0 30px;

}

.rs1 {

    max-width: 334px;
    max-height: 304px;
    width: auto;
    height: auto;
    margin: 55px 0 0 -44px;

}

.rs3 {

    max-width: 148px;
    max-height: 211px;
    width: auto;
    height: auto;
    margin: -102px 0 0 14px;

}


	/* .re3 {

    max-width: 144px;
    max-height: 238px;
    width: auto;
    height: auto;
    margin: -54px 0 0 6px;

} */







	.co5 {

    max-width: 271px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: -20px 0px 0 0px;

}

	.co6 {

    max-width: 317px;
    max-height: 252px;
    width: auto;
    height: auto;
    margin: 8px 0px 0 6px;

}
	.coming_soon {
    border-radius: 5px;
    background: #000000b3;
        background-image: none;
        background-repeat: repeat;
    width: 22%;
    height: 96px;
    margin: 0 0 0 5px;
    background-image: url("../images/sm_white3.jpg");
    background-repeat: no-repeat;
    background-position: fixed;
}
	.coming_soon p
	{

		color: red;
		margin: 22px 0 0 0;
		font-size: 12px;

	}
	.sigheading1 {
    font-size: 10px;
    text-decoration: none;
    color: #080808;
    text-shadow: 2px 2px 4px #000000;
    text-align: center;
    padding: 0px;
    // margin: 0px 0 -17px;
    text-shadow: 3px 2px 3px;
    //line-height: 53px;
}


	.templatemo_insideportfolio h2 {
    margin: 44px 0 0 0px;
    color: #0c0c0c;
}

	.sk_img {
    width: 100%;
    height: 150px;
}

	.templatemo_portfoliotext p {
    color: #008aff;
    position: absolute;
    top: 0px;
    background: #140f0f;
    padding: 10px 105px;
    width: 95%;
    left: 6px;
    text-decoration: underline;
}

	.re1 {

    max-width: 276px;
    max-height: 304px;
    width: auto;
    height: auto;
    margin: 39px 0 0 30px;

}

	/* .re5 {

    max-width: 145px;
    max-height: 81px;
    width: auto;
    height: auto;
    margin: -100px 9px 0 444px;

} */
.on_gong_wrk1 {
    max-width: 375px;
    max-height: 282px;
    //width: auto;
    height: auto;
    margin: 50px 0 0 -169px;
}

.on_gong_wrk3 {
    max-width: 191px;
    max-height: 129px;
    //width: auto;
    height: auto;
    margin: -459px 0 0 564px;
}

.on_gong_wrk4 {
    max-width: 182px;
    max-height: 129px;
    width: auto;
    height: auto;
    margin: -130px 0 0 221px;
}

.on_gong_wrk5 {
    max-width: 194px;
    max-height: 129px;
    //width: auto;
    height: auto;
    margin: -239px 0 0 562px;
}


}
}




@media(max-width:1196px)
{

	.raindiv {
    width: auto;
    margin-top: 26%;
    margin-left: 10px;
    //border: solid blue;
}



}



@media(max-width:1178px)
{
	.raindiv {
    width: auto;
    margin-top: 25%;
    margin-left: 14px;
    //border: solid blue;
}
}
@media(max-width:1172px)
{

	#ibgdiv {
  left: 43%;
  top: -11%;
	}

#yordiv {
  left: 58%;
  top: -31%;
}
#rdiv {
  left: 73%;
  top: 36px;
}
		#vibdiv {
  top: 82%;
  left: 35%;
}
#gyodiv {
  left: 50%;
  top: 85%;
}
#ordiv {
  left: 65%;
  top: 85%;
}


}




@media(max-width:1153px)
{

.raindiv {
    width: auto;
    margin-top: 25%;
    margin-left: 12px;
}}
@media(max-width:1156px)
{

.raindiv {
    width: auto;
    margin-top: 25%;
    margin-left: 12px;
}
#r1div{ left: 84%;
    top: 80%;
 }	.sig_log {
    width: 355px;
    position: absolute;
    top: 28%;
    left: 0;
}
	.ext_out {
    width: 79%;
    margin: 0 0 0 85px;
    cursor: pointer;
}
	#ibgdiv {
  left: 44%;
  top: -16%;
}
	#yordiv {
  left: 60%;
  top: -38%;
}
	#rdiv {
  left: 77%;
  top: 9px;
}
	#gyodiv {
  left: 52%;
  top: 82%;
}
	#vibdiv {
  top: 82%;
  left: 35%;
}
	#ordiv {
  left: 68%;
  top: 80%;
}
}
@media(max-width:1120px)
{
	#ibgdiv {
  left: 44%;
  top: -20%;
}
	#yordiv {
  left: 60%;
  top: -41%;
}
	#rdiv {
  left: 77%;
  top: 9px;
}
}
@media(max-width:1094px)
{
	#r1div{ left: 81%;
    top: 86%;
 }
	.ased {
    // background-image: url(../images/signatures_card_1.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    margin-top: 14%;
    height: 200px;
    background-position-y: -120px;
    width: 24%;
    margin-left: 6%;
    //border: solid yellow;
}
	.sig_log {
    width: 312px;
    position: absolute;
    top: 28%;
    left: 0;
}
	.raindiv {
    width: auto;
    margin-top: 26%;
    margin-left: -6px;
    //border: solid blue;
}

#vibdiv {
    top: 82%;
    left: 30%;
}

#ibgdiv {
    left: 38%;
    top: -20%;
}

#gyodiv {
    left: 46%;
    top: 82%;
}

#yordiv {
    left: 55%;
    top: -41%;
}

#ordiv {
    left: 64%;
    top: 80%;
}
#rdiv {
    left: 72%;
    top: 9px;
}

}





@media(max-width:1092px)
{


}







}
@media (max-width: 1175px){
.ext_out {
    width: 85%;
    margin: 0 0 0 121px;
    cursor: pointer;
}
}

@media(max-width:1054px)
{
	.raindiv {
    width: auto;
    margin-top: 26%;
    margin-left: 0px;
    //border: solid blue;

}
}
@media(max-width:1040px)
{
	#gyodiv {
  left: 47%;
  top: 82%;
}
	#ordiv {
  left: 65%;
  top: 80%;
}
	#ibgdiv {
  left: 38%;
  top: -23%;
	}
	#yordiv {
  left: 56%;
  top: -45%;
}
	#rdiv {
  left: 74%;
  top: 1px;
}
}





@media(max-width:1024px)
{

	.raindiv::before {
    width: 150px;
    height: 2px;
    content: "";
    background: #0f0e0e;
    position: absolute;
    top: 11px;
    right: 9%;
}


}




/* @media(max-width:1016px)
{

	.raindiv {
    width: auto;
    margin-top: 27%;
    margin-left: 6px;
    //border: solid blue;
}



} */
@media(max-width:1000px)
{
	#r1div{ left: 87%;
    top: 86%;
 }
	#gyodiv {
  left: 50%;
  top: 82%;
}
	#ordiv {
  left: 68%;
  top: 80%;
}
#ibgdiv {
  left: 40%;
  top: -23%;
}
#yordiv {
  left: 59%;
  top: -45%;
}
#rdiv {
  left: 78%;
  top: 1px;
}
}
@media(max-width:991px)
{
	/* .d2_com {
    width: 27%;
    height: 170px;
    margin: 0 0 13px 19px;
} */
.templatemo_insideportfolio h2 {
          margin: 10px 34px -248px 2px;
    color: #0c0c0c;
    font-size: 185px;
}
	.com_sn {
    text-align: center;
    width: 83%;
    margin-left: 71px;
}

.coming_soon {
    border-radius: 5px;
    background: #000000b3;
        background-image: none;
        background-repeat: repeat;
    background-image: none;
    background-repeat: repeat;
    width: 24%;
    height: 96px;
    margin: 0 0 0 5px;
    background-image: url("../images/sm_white3.jpg");
    background-repeat: no-repeat;
    background-position: fixed;
}


.co1 {

    max-width: 195px;
    max-height: 238px;
    width: auto;
    height: auto;
    margin: 15px 0 0 0;

}


.co2 {

    max-width: 87px;
    max-height: 181px;
    width: auto;
    height: auto;
    margin: -57px 0 0 5px;

}


.co3 {

    max-width: 92px;
    max-height: 181px;
    width: auto;
    height: auto;
    margin: 80px 0 0 -186px;

}

.co4 {

    max-width: 88px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: 77px 0 0 -88px;

}

.co5 {

    max-width: 173px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 7px 67px 0 33px;

}

.co6 {

    max-width: 187px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 7px 29px 0 -57px;

}

.re5 {

    max-width: 145px;
    max-height: 81px;
    width: auto;
    height: auto;
    margin: -103px 9px 0 185px;

}

.re1 {

    max-width: 433px;
    max-height: 270px;
    width: auto;
    height: auto;
    margin: 38px 0 0 -8px;

}


.re2 {

    max-width: 147px;
    max-height: 277px;
    width: auto;
    height: auto;
    margin: -79px 0 0 22px;

}

.re3 {


  max-width: 126px;
  max-height: 128px;
  width: auto;
  height: auto;
  margin: 141px 0 0 -129px;
}

.re4 {

    max-width: 143px;
    max-height: 188px;
    width: auto;
    height: auto;
    margin: 113px 9px 0 -298px;

}

.rs1 {
    max-width: 308px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 5px 0 0 -44px;
}

.rs2 {

    max-width: 210px;
    max-height: 327px;
    width: auto;
    height: auto;
    margin: -58px 0 0 2px;

}

.rs4 {
    max-width: 215px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -232px 0 0 254px;
}
.rs3 {

    max-width: 119px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -103px 0 0 2px;

}

.rs5 {

    max-width: 288px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -26px 0 0 -537px;

}

.rs6 {

    max-width: 224px;
    max-height: 203px;
    width: auto;
    height: auto;
    margin: 10px 0 0 -225px;

}


.rn4 {
    max-width: 222px;
    max-height: 145px;
    width: auto;
    height: auto;
    margin: -136px 0 0 241px;
}
.rn3 {

    max-width: 112px;
    max-height: 207px;
    width: auto;
    height: auto;
    margin: -119px 0 0 2px;

}

.rn2 {

    max-width: 119px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -113px 0 0 2px;

}


.rn1 {

    max-width: 289px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 5px 0 0 -44px;

}

.int7 {

    max-width: 135px;
    max-height: 120px;
    width: auto;
    height: auto;
    margin: 0px 0 0 0;

    display: none;
}

.int6 {

    max-width: 82px;
    max-height: 68px;
    width: auto;
    height: auto;
    margin: 13px 0 0 0px;

    display: none;
}

.int5 {

    max-width: 137px;
    max-height: 136px;
    width: auto;
    height: auto;
    margin: -184px 0 0 178px;

}

.int4 {

    max-width: 178px;
    max-height: 156px;
    width: auto;
    height: auto;
    margin: -63px 0 0 448px;

}
.int3 {

    max-width: 182px;
    max-height: 201px;
    width: auto;
    height: auto;
    margin: -253px 0 0 443px;

}

	.int2 {

    max-width: 123px;
    max-height: 122px;
    width: auto;
    height: auto;
    margin: -63px 0 0 9px;

}


.int1 {

    max-width: 233px;
    max-height: 195px;
    width: auto;
    height: auto;
    margin: 5px 0 0 -70px;

}

.rs7 {
    max-width: 110px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 25px 0 0 -591px;
    display: none;
}


}


@media screen and (-webkit-min-device-pixel-ratio:0) {


@media(max-width:991px)
{
	/* .d2_com {
    width: 27%;
    height: 170px;
    margin: 0 0 13px 19px;
} */
	.on_gong_wrk1 {
    max-width: 272px;
    max-height: 264px;
    //width: auto;
    height: auto;
    margin: 11px 0 0 51px;
}

.on_gong_wrk2 {
    max-width: 131px;
    max-height: 129px;
    width: auto;
    height: auto;
    margin: -77px 0 0 6px;
}

.on_gong_wrk4 {
    max-width: 130px;
    max-height: 129px;
    width: auto;
    height: auto;
    margin: -95px 0 0 334px;
}
.on_gong_wrk3 {
    max-width: 191px;
    max-height: 129px;
    //width: auto;
    height: auto;
    margin: -459px 0 0 562px;
    display: none;
}
.on_gong_wrk5 {

    max-width: 194px;
    max-height: 129px;
    //width: auto;
    height: auto;
    margin: -239px 0 0 562px;
    display: none;

}



	.com_sn {
    text-align: center;
    width: 83%;
    margin-left: 71px;
}

.coming_soon {
    border-radius: 5px;
    background: #000000b3;
        background-image: none;
        background-repeat: repeat;
    background-image: none;
    background-repeat: repeat;
    width: 24%;
    height: 96px;
    margin: 0 0 0 5px;
    background-image: url("../images/sm_white3.jpg");
    background-repeat: no-repeat;
    background-position: fixed;
}


.co1 {

    max-width: 195px;
    max-height: 238px;
    width: auto;
    height: auto;
    margin: 15px 0 0 0;

}


.co2 {
    max-width: 87px;
    max-height: 181px;
    width: auto;
    height: auto;
    margin: -41px 0 0 5px;
}


.co3 {

    max-width: 87px;
    max-height: 181px;
    width: auto;
    height: auto;
    margin: 80px 0 0 -186px;


}

.co4 {
    max-width: 86px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: 77px 0 0 -92px;
}

.co5 {
    max-width: 383px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 7px 67px 0 67px;
}

.co6 {

    max-width: 301px;
    max-height: 233px;
    width: auto;
    height: auto;
    margin: 7px 29px 0 -57px;

    display: none;
}

.re5 {
    max-width: 217px;
    max-height: 99px;
    width: auto;
    height: auto;
    margin: -121px 9px 0 269px;
}

.re1 {
    max-width: 260px;
    max-height: 270px;
    width: auto;
    height: auto;
    margin: 38px 0 0 -8px;
}


.re2 {
  max-width: 126px;
  max-height: 128px;
  width: auto;
  height: auto;
  margin: -68px 0 0 6px;
}

.re3 {
  max-width: 126px;
  max-height: 82px;
  width: auto;
  height: auto;
  margin: 141px 0 0 -129px;
}

.re4 {

    max-width: 143px;
    max-height: 188px;
    width: auto;
    height: auto;
    margin: 113px 9px 0 -298px;
display:none;
}

.rs1 {
    max-width: 308px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 37px 0 0 -44px;
}

.re2 {
  max-width: 126px;
  max-height: 128px;
  width: auto;
  height: auto;
  margin: -58px 0 0 6px;
}

.rs4 {
    max-width: 209px;
    max-height: 87px;
    width: auto;
    height: auto;
    margin: -106px 0 0 274px;
}
.rs3 {

    max-width: 119px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -103px 0 0 2px;

    display: none;
}

.rs5 {

    max-width: 288px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -26px 0 0 -537px;

}

.rs6 {

    max-width: 224px;
    max-height: 203px;
    width: auto;
    height: auto;
    margin: 10px 0 0 -225px;

}


.rn4 {
    max-width: 233px;
    max-height: 103px;
    width: auto;
    height: auto;
    margin: -93px 0 0 284px;
    display: none;
}
.rn3 {

    max-width: 130px;
    max-height: 207px;
    width: auto;
    height: auto;
    margin: -113px 0 0 325px;

}

.rn2 {

    max-width: 130px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -67px 0 0 6px;

}


.rn1 {

    max-width: 343px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 38px 0 0 -26px;

}

.int7 {

    max-width: 135px;
    max-height: 120px;
    width: auto;
    height: auto;
    margin: 0px 0 0 0;

    display: none;
}

.int6 {

    max-width: 82px;
    max-height: 68px;
    width: auto;
    height: auto;
    margin: 13px 0 0 0px;

    display: none;
}

.int5 {

    max-width: 121px;
    max-height: 108px;
    width: auto;
    height: auto;
    margin: -131px 0 0 202px;

}

.int4 {

    max-width: 181px;
    max-height: 104px;
    width: auto;
    height: auto;
    margin: -145px 0 0 443px;

    display: none;
}
.int3 {

    max-width: 182px;
    max-height: 201px;
    width: auto;
    height: auto;
    margin: -350px 0 0 443px;

    display: none;
}

	.int2 {

    max-width: 123px;
    max-height: 110px;
    width: auto;
    height: auto;
    margin: -116px 0 0 9px;

}


.int1 {

    max-width: 299px;
    max-height: 233px;
    width: auto;
    height: auto;
    margin: 5px 0 0 -109px;

}

.rs7 {
    max-width: 110px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 25px 0 0 -591px;
    display: none;
}


}
}







@media (max-width:987px)
{

	.sig_log {
    width: 283px;
    position: absolute;
    top: 28%;
    left: 0;
}



}




@media (max-width:981px)
{
	.asd {

    font-size: 29px;

	}






}


@media (max-width:963px)
{#r1div{ left: 83%;
    top: 78%;
 }

 .asd {

    margin-left: 21px;
}

.ext_out {
    width: 79%;
    margin: 0 0 0 158px;
    cursor: pointer;
}

.ased {


    margin-left: 0%;

}

#vibdiv {
  top: 78%;
  left: 25%;
}#ibgdiv {
  left: 34%;
  top: -26%;
}

#gyodiv {
  left: 44%;
  top: 79%;
}

#yordiv {
  left: 54%;
  top: -48%;
}

#ordiv {
  left: 64%;
  top: 78%;
}

#rdiv {
  left: 73%;
  top: -6px;
}
}

@media (max-width:933px)
{

	#ibgdiv {
  left: 34%;
  top: -29%;
}


	#yordiv {
  left: 54%;
  top: -51%;
}




}



















@media(max-width:929px)
{

.sig_log {
    width: 254px;
}



}




@media(max-width:927px)
{


	#rdiv {
  left: 75%;
  top: -14px;
}

	#ordiv {
}



}





@media(max-width:925px)
{



	.raindiv {
    width: auto;
    margin-top: 27%;
    margin-left: -13px;
}









}








@media(max-width:891px)
{
	#r1div{ left: 85%;
    top: 76%;
 }


	#vibdiv {

    top: 78%;
    left: 22%;

}



	#ibgdiv {
  left: 33%;
  top: -32%;
}

	#yordiv {
  left: 54%;
  top: -55%;
}


	#rdiv {
  left: 75%;
  top: -22px;
}

	#gyodiv {
  left: 43%;
  top: 77%;
}
	#ordiv {
  left: 65%;
  top: 76%;
}



}


@media(min-width:889px)
{



}



@media(max-width:886px)
{
	#r1div{ left: 64%;
    top: 104%;
 }


	.ased {
    margin-left: 0%;
    width: 100%;
	}

	.raindiv {
    width: auto;
    margin-top: 0%;
    margin-left: 5px;
}
	.sig_log {
    width: 474px;
	}

	#vibdiv {
	z-index: 9999;
	top: 103%;
	left: 1%;
}


	#ibgdiv {
    z-index: 999;
    left: 11%;
    top: 4%;
}

	#gyodiv {
	z-index: 9999;
	left: 22%;
	top: 103%;
}

	#yordiv {  z-index: 999;
    left: 32%;
    top: -16%;
}


	#ordiv {
    left: 43%;
    top: 104%;
	z-index: 9999;
}


	#rdiv {
    left: 53%;
	top: 27%;
	z-index: 9999;
}



}



@media(max-width:878px)
{

	.raindiv::before {
    width: 149px;
    height: 2px;
    content: "";
    background: #0f0e0e;
    position: absolute;
    top: 11px;
    right: 97%;
}

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

	.col-xs-3.col-sm-3.top_div {
    position: fixed;
    top: 3px;
    //padding: 0;
    width: auto;
    height: auto;
    left: 19px;
}



}









@media(max-width:844px)
{
	#r1div{ left: 68%;
    top: 104%;
 }



	#vibdiv {
    z-index: 9999;
}

	#gyodiv {
    left: 23%;
    top: 103%;
    z-index: 9999;
}

	#ordiv {
    left: 45%;
    top: 104%;
    z-index: 9999;
}



}






@media(max-width:810px)
{

	#yordiv {
    left: 36%;
    top: -21%;
    z-index: 999;
}

	#ibgdiv {
    /* left: 12%;
	top: 0%; */
	left: 13%;
top: -39%;
    z-index: 999;
}

	#rdiv {
   left: 59%;
top: 24%;
    z-index: 9999;
}

}









@media (max-width: 800px) {
     .rainbuttons
       {
           border-color: transparent;
           width: 65px;
           border-radius: 5px;
           text-shadow: 2px 2px 4px #000000;
           box-shadow: 10px 5px 10px grey;
       }

        .ased a{
            text-decoration: none;
            color: black;
        }

      .sigheading{
            font-size: 24px;
            text-decoration: none;
            color: white;
            text-shadow: 2px 2px 4px #000000;
            text-align:  center;
        }
        .sigheading:hover{

            color: white;
            }


  .asd a{
            text-decoration: none;
           color: rgb(218,165,32);
            text-shadow: 1px 1px 1px black;
        }

}



@media(max-width:796px)
{

#r1div{ left: 72%;
    top: 104%;
 }


	#gyodiv {
    left: 23%;
    top: 105%;
    z-index: 9999;
}

	#ordiv {
    left: 48%;
    top: 104%;
    z-index: 9999;
}
		#vibdiv {
    z-index: 9999;
}





}





@media(max-width:767px)
{
	.templatemo_insideportfolio h2 {
	    /* margin: 27px 6px 0 33px; */
	  margin: 22px 51px -250px 231px;
	    color: #0c0c0c;
	    font-size: 187px;
	}
 .res_click_img {}

   .gallery-item .overlay a {
 		color: #ffffff;
 		    text-align: center;
 		    line-height: 32px;
 		    position: absolute;
        top: 77px;
   left: -19%;
 		    width: 568px;
 		    height: 301px;
 		    font-size: 24px;
 }

.res_click_319{
	  //width: 100%;
    height: 279px;
}
.res_click_270{  //width: 100%;
    height: 279px;
}
.res_click_160{	  //width: 100%;
    height: 279px;
}
.res_click_140{	  //width: 100%;
    height: 279px;
}
.res_click_150{	  //width: 100%;
    height: 279px;
}
.res_click_180{  //width: 100%;
    height: 279px;
}
.res_click_300{	  //width: 100%;
    height: 279px;}
.res_click_200{	  //width: 100%;
    height: 279px;
}
.res_click_210{	  //width: 100%;
    height: 279px;
}
.res_click_205{
	  //width: 100%;
    height: 279px;
}
.res_click_265{	  //width: 100%;
    height: 279px;
}
.res_click_250{
	  //width: 100%;
    height: 279px;
}
.res_click_175{  //width: 100%;
    height: 279px;
}
	.on_gong_wrk4 {
    max-width: 130px;
    max-height: 129px;
    width: auto;
    height: auto;
    margin: -95px 0 0 334px;
    display: none;
}
	.on_gong_wrk2 {
    max-width: 308px;
    max-height: 129px;
    width: auto;
    height: auto;
    margin: 14px 0 0 28px;
}
	.on_gong_wrk1 {
    max-width: 308px;
    max-height: 264px;
    //width: auto;
    height: auto;
    margin: 22px 0 0 28px;
}
	/* .templatemo_leftgap {
    padding: 0px 194px;
}


	.templatemo_portfoliotext p{
    color: #008aff;
    position: absolute;
    top: 0px;
    background: #140f0f;
    padding: 10px 153px;
    width: 48%;
    left: 194px;
    text-decoration: underline;
}
	 */




	 .templatemo_insideportfolio {
    background:#ffffff;
    width: 99%;
    padding: 0px;
    padding-bottom: 0px;
     height: 627px; !important

	 }




	 .templatemo_portfoliotext p {
    color: #008aff;
    position: absolute;
    top: 0px;
    background: #050505;
      padding: 10px 206px;
		width: 70%;
		left: 102px;
    text-decoration: underline;
}

	 .templatemo_botgap {

   margin: 0px 52px 20px -29px;

}

	 .gallery-item img {

    width: 100%;

}
	 .gallery-item .overlay {
    position: relative;
    top: -372px;
  left: 76px;
    width: 65%;
    min-width: 84%;
	 }
.res_p{	    font-size: small;	width: 71%;
 padding: 10px 182px;
	top: 291px;	left: 102px;
} .rel_p{	    font-size: small;	width: 71%;
 padding: 10px 182px;
	top: 339px;	left: 102px;
} .apart_p{	    font-size: small;	width: 71%;
 padding: 10px 182px;
	top: 387px;	left: 102px;
} .insti_p{	    font-size: small;	width: 71%;
 padding: 10px 182px;
	top: 435px;	left: 102px;
} .sports_p{	    font-size: small;	width: 71%;
 padding: 10px 182px;
	top: 483px;	left: 102px;
}.interiors_p{	    font-size: small;	width: 71%;
 padding: 10px 182px;
	top: 531px;	left: 102px;
}.cul_p{	    font-size: small;	width: 71%;
 padding: 10px 182px;
	top: 579px;	left: 102px;
}	.home_p
	{
		color: #008aff;
		position: absolute;
		top: 0px;
		background: #000;
		padding: 10px 213px;
		width: 71%;
		left: 102px;
		text-decoration: underline;
	}

.sig_log_other {
    width: 38%;
    margin: 121px 0 -27px 120px;
}


.int5 {

    max-width: 137px;
    max-height: 136px;
    width: auto;
    height: auto;
    margin: -225px 0 0 178px;

}

.int4 {

    max-width: 184px;
    max-height: 172px;
    width: auto;
    height: auto;
    margin: -60px 0 0 442px;

}	}
	.int2 {

    max-width: 160px;
    max-height: 110px;
    width: auto;
    height: auto;
    margin: -126px -42px 0px 9px;

}

	.int3 {

    max-width: 163px;
    max-height: 212px;
    width: auto;
    height: auto;
    margin:-142px 182px -15px 464px;
/*  */
}


.int5 {

    max-width: 123px;
    max-height: 89px;
    width: auto;
    height: auto;
    margin: -3px 311px -9px 35px;
/*  */
}

	.int4 {

    max-width: 162px;
    max-height: 112px;
    width: auto;
    height: auto;
    margin: -137px 70px 35px 448px;
/* ; */

}



	.addr_dv {
    padding: 0 38px 0;
}











}











@media(max-width:750px)
{

	#ibgdiv {
    left: 13%;
    top: -1%;
    z-index: 999;
}

	#yordiv {
    left: 38%;
    top: -23%;
    z-index: 999;
}
	#rdiv {
    left: 63%;
    top: 21%;
    z-index: 9999;
}


#vibdiv {
    z-index: 9999;
}

#ordiv {
    left: 51%;
    top: 103%;
    z-index: 9999;
}

#gyodiv {
    left: 26%;
    top: 103%;
    z-index: 9999;
}



}





@media(max-width:744px)
{
	.rainbuttons {
	    border-color: transparent;
	    width: 60px;
	    border-radius: 5px;
	    text-shadow: 2px 2px 4px #000000;
	    box-shadow: 10px 5px 10px grey;
	}
		.int4 {
	max-width: 184px;
	max-height: 172px;
	width: auto;
	height: auto;
	margin: -60px 0 0 442px;
}
}
@media (max-width:739px)
{
	.ext_out {
    width: 75%;
    margin: 0 0 0 158px;
    cursor: pointer;
}
}
@media (max-width:737px)
{
	.asd {
    margin-left: 6px;
}
}
@media(max-width:729px)
{
	.on_gong_wrk1 {
    max-width: 308px;
    max-height: 264px;
    //width: auto;
    height: auto;
    margin: 11px 0 0 25px;
}
}
@media(max-width:724px)
{

#r1div{ left: 83%;
    top: 104%;
 }
	#vibdiv {
    z-index: 9999;
}
		#ibgdiv {
    left: 14%;
    top: -2%;
    z-index: 999;
}
	#gyodiv {
    left: 28%;
    top: 103%;
    z-index: 9999;
}

#yordiv {
    left: 42%;
    top: -26%;
    z-index: 999;
}

#rdiv {
    left: 69%;
    top: 21%;
    z-index: 9999;
}

#ordiv {
    left: 56%;
    top: 104%;
    z-index: 9999;
}

	.d1_com {
    width: 30%;
    height: 220px;
    margin: 0 0 0 16px;
}






	.d3_com {
    width: 27%;
    height: 180px;
    margin: 0 0 0 8px;
}


	.d1_ins {
    width: 33%;
    margin: 0 56px 0 75px;
}

	.d2_ins {
    width: 33%;
}

.d1_a {
    width: 43%;
    margin: 0 45px 0 25px;
}

.d2_a {
    width: 34%;
}

.d1_v {
    width: 65%;
    margin: 0px 0 0 0px;
}

.d2_v {
    width: 52%;
    height: 187px;
    margin: 45px 0px 0 22px;
}

.d2_r {
    width: 64%;
    height: 200px;
}

.reg_d1 {

    width: 36%;

}
.reg_d2 {

    width: 36%;

}
.de_re1 {

    width: 40%;

}


.de_re2 {

    width: 28%;

}






}



@media(max-width:722px)
{







}













@media(max-width:712px)
{

	.rn4 {

    max-width: 295px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: -61px 0 0 -195px;

}

	.rn3 {

    max-width: 184px;
    max-height: 207px;
    width: auto;
    height: auto;
    margin: -65px 0 0 298px;

    display: none;
}


	.rn2 {

    max-width: 251px;
    max-height: 146px;
    width: auto;
    height: auto;
    margin: 13px 0 0 29px;

}


	.rn1 {

    max-width: 254px;
    max-height: 169px;
    width: auto;
    height: auto;
    margin: 24px 0 0 31px;

}






}




@media screen and (-webkit-min-device-pixel-ratio:0)
 {

@media(max-width:710px)
{

	.int1 {
    max-width: 225px;
    max-height: 219px;
    width: auto;
    height: auto;
    margin: 5px 0 0 0;
}
	.int2 {
    max-width: 109px;
    max-height: 108px;
    width: auto;
    height: auto;
    margin: -105px 0 0 6px;
}

.int3 {
    max-width: 141px;
    max-height: 201px;
    width: auto;
    height: auto;
    margin: -351px 0 0 383px;
}
.int5 {
    max-width: 111px;
    max-height: 106px;
    width: auto;
    height: auto;
    margin: -127px 0 0 237px;
}

.int4 {
    max-width: 124px;
    max-height: 111px;
    width: auto;
    height: auto;
    margin: -162px 0 0 388px;
}

}
}



@media screen and (-webkit-min-device-pixel-ratio:0)
{

@media(max-width:709px)
{
	.int1 {
  max-width: 225px;
  max-height: 219px;
  width: auto;
  height: auto;
  margin: 5px 0 0 0;
}


	.int3 {
    max-width: 182px;
    max-height: 201px;
    width: auto;
    height: auto;
    margin: -253px 0 0 401px;
}

	.int4 {
    max-width: 184px;
    max-height: 172px;
    width: auto;
    height: auto;
    margin: -60px 0 0 403px;
}



	.int2 {
    max-width: 109px;
    max-height: 108px;
    width: auto;
    height: auto;
    margin: -74px 0 0 6px;
}

	.int5 {
  max-width: 111px;
  max-height: 106px;
  width: auto;
  height: auto;
  margin: -127px 0 0 237px;
}


}
}


@media(max-width:709px)
{
	.int1 {
  max-width: 225px;
  max-height: 219px;
  width: auto;
  height: auto;
  margin: 37px 0 0 0;
}


	.int3 {
    max-width: 182px;
    max-height: 201px;
    width: auto;
    height: auto;
    margin: -253px 0 0 401px;
}

	.int4 {
    max-width: 184px;
    max-height: 172px;
    width: auto;
    height: auto;
    margin: -60px 0 0 403px;
}



	.int2 {
    max-width: 255px;
    max-height: 195px;
    width: auto;
    height: auto;
    margin: 22px 0 0 6px;
}

	.int5 {
  max-width: 111px;
  max-height: 106px;
  width: auto;
  height: auto;
  margin: -127px 0 0 237px;
}


}



 @media (max-width: 700px) {
     .rainbuttons
       {
           border-color: transparent;
           width: 60px;
           border-radius: 5px;
           text-shadow: 2px 2px 4px #000000;
           box-shadow: 10px 5px 10px grey;
       }

    .ased{

             border-radius: 10px;
             margin-top: 55%;
             margin-left: -10%;
             height: 200px;
             width: 300px;
             background-position-y: -120px;

        }
         .ased a{
            text-decoration: none;
            color: black;
        }
  .asd{
      margin-top: 20%;
      margin-left: 25px;

            text-decoration: none; font-size: 35px; position: fixed;
        }
  .asd a{
            text-decoration: none;
             color: rgb(218,165,32);
            text-shadow: 1px 1px 1px black;
        }
        .d1
        {
            position: relative;
            height: 180px;
            width: 100% ;
            padding: 2px;

        }
        .d2
        {
            position: relative;
            height: 160px;
            padding: 2px;
            width: 100% ;
        }
        .d3
        {
            position: relative;
            height: 140px;
            width: 100% ;
            padding: 2px;
        }
         .d4
        {
            position: relative;
            height: 120px;
            width: 100% ;
            padding: 2px;
        }
         .d7
        {
            position: relative;
            height: 50px;
            width: 100% ;
            padding: 2px;
        }

 }




@media(max-width:697px)
{

	.rs1 {
    max-width: 303px;
    max-height: 200px;
    width: auto;
    height: auto;
    margin: 16px 0 0 53px;
}

	.rs2 {

    max-width: 303px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 25px 0 50px 56px;

}

.rs3 {

    max-width: 119px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -66px 0 0 2px;

}

.rs4 {

    max-width: 215px;
    max-height: 208px;
    width: auto;
    height: auto;
	margin: -202px 0 0 258px;

}

.rs6 {

    max-width: 205px;
    max-height: 203px;
    width: auto;
    height: auto;
    margin: 41px 0 0 -211px;

}

.rs5 {

    max-width: 314px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -20px 0 0 -537px;

}






}



 @media screen and (-webkit-min-device-pixel-ratio:0)
{

 @media(max-width:696px)
 {

	.rs4 {
    max-width: 215px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -74px 0 0 209px;
    display: none;
}


 }
 }


@media screen and (-webkit-min-device-pixel-ratio:0) {

@media(max-width:692px)
 { .rainbuttons
	 {
		border-color: transparent;
		width: 64px;
	}
	.on_gong_wrk1 {

    max-width: 308px;
    max-height: 264px;
    //width: auto;
    height: auto;
    margin: 11px 0 0 25px;

}
	.on_gong_wrk4 {

    max-width: 168px;
    max-height: 102px;
    width: auto;
    height: auto;
    margin: -125px 0 0 338px;

}


.on_gong_wrk2 {

    max-width: 308px;
    max-height: 129px;
    //width: auto;
    height: auto;
    margin: 14px 0 0 28px;

}




 }
 }



@media(max-width:687px)
 {
	 .on_gong_wrk2 {

    max-width: 290px;
    max-height: 104px;
    //width: auto;
    height: auto;
    margin: 14px 0 0 20px;

}
	.on_gong_wrk1 {

    max-width: 295px;
    max-height: 188px;
    //width: auto;
    height: auto;
    margin: 11px 0 0 17px;

}
	.on_gong_wrk4 {

    max-width: 139px;
    max-height: 102px;
    width: auto;
    height: auto;
       margin: -105px 0 0 271px;

}

 }














 @media(max-width:684px)
 {

#r1div{ left: 81%;
    top: 104%;
 }



	 .rainbuttons
	 {
		border-color: transparent;
		width: 64px;

	 }

	 .wd
	 {

		height: 61px!important;
		width: 61px!important;


	 }

	 #ibgdiv {
    left: 14%;
    top:4%;
    z-index: 999;
}

	 #yordiv {
    left: 42%;
    top: -16%;
    z-index: 999;
}

#rdiv {
    left: 67%;
    top: 27%;
    z-index: 9999;
}









 }








@media(max-width:677px)
 {


	.int1 {
    max-width: 255px;
    max-height: 195px;
    width: auto;
    height: auto;
    margin: 5px 0 0 8px;
}
	.int3 {

    max-width: 139px;
    max-height: 201px;
    width: auto;
    height: auto;
    margin: -299px 0 0 349px;

}

.int5 {
    max-width: 137px;
    max-height: 136px;
    width: auto;
    height: auto;
    margin: -225px 0 0 84px;
}

.int4 {
    max-width: 137px;
    max-height: 146px;
    width: auto;
    height: auto;
    margin: -45px 0 0 355px;
}





 }






 @media screen and (-webkit-min-device-pixel-ratio:0) {


@media(max-width:673px)
 {

	 .re1 {
    max-width: 308px;
    max-height: 198px;
    width: auto;
    height: auto;
    margin: 16px 0 0 60px;
}

	.re2 {
    max-width: 308px;
    max-height: 173px;
    width: auto;
    height: auto;
    margin: 9px 0 0 24px;
}
	.re3 {
    max-width: 88px;
    max-height: 188px;
    width: auto;
    height: auto;
    margin: -66px 0 0 1px;
    display: none;
}

.re5 {
    max-width: 169px;
    max-height: 108px;
    width: auto;
    height: auto;
    margin: -114px 9px 0 256px;
}


 .int5 {
    max-width: 106px;
    max-height: 136px;
    width: auto;
    height: auto;
    margin: -180px 0 0 84px;
    display: none;
}

 .int4 {
    max-width: 137px;
    max-height: 146px;
    width: auto;
    height: auto;
    margin: -102px 0 0 355px;
}





 }




 }














 @media(max-width:665px)
 {



	 .int6 {

    max-width: 82px;
    max-height: 68px;
    width: auto;
    height: auto;
    margin: -107px 0 0 -589px;

}

 }








@media(max-width:658px)
 {

#r1div{ left: 84%;
    top: 104%;
 }



	 .rn4 {

    max-width: 295px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: 10px 0 0 -290px;

}

	 .rn3 {

    max-width: 140px;
    max-height: 207px;
    width: auto;
    height: auto;
    margin: -266px 0 0 151px;

}

	.rn2 {

    max-width: 140px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 284px 0 0 -296px;

}



.rn1 {

    max-width: 303px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: -92px 0 0 -4px;

}



 }



 @media screen and (-webkit-min-device-pixel-ratio:0)
{

 @media(max-width:658px)
	 {



	 .rn1 {
    max-width: 303px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 24px 0 0 31px;
}


.rn2 {
    max-width: 185px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -1px 0 0 13px;
}

.rn3 {
    max-width: 188px;
    max-height: 207px;
    width: auto;
    height: auto;
    margin: -23px 0 0 277px;
}


.rn4 {
    max-width: 254px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: -105px 0 0 -201px;
}


 }


 }








 @media(max-width:656px)
 {


	 .ased {
    margin-left: 0%;
    width: 100%;
    /* display: none; */
}

	 /* .raindiv {
    width: auto;
    margin-top: 53%;
    margin-left: 5px;
} */
	.com_sn {
    text-align: center;
    width: 96%;
    margin-left: 24px;
}





 }






 @media(max-width:654px)
 {

	.rs1 {

    max-width: 332px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 31px 0 0 -61px;

}

	.rs2 {

    max-width: 127px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -107px 0 0 2px;

}

	.rs3 {

    max-width: 125px;
    max-height: 208px;
    width: auto;
    height: auto;
    /* margin: -181px 0 0 275px; */

}

.rs4 {

    max-width: 158px;
    max-height: 78px;
    width: auto;
    height: auto;
    margin: 14px 0 0 -466px;

}


.rs5 {

    max-width: 126px;
    max-height: 155px;
    width: auto;
    height: auto;
    margin: 15px 0 0 -291px;

}


.rs6 {

    max-width: 122px;
    max-height: 203px;
    width: auto;
    height: auto;
    margin: -96px 0 0 228px;

}



 }






 @media screen and (-webkit-min-device-pixel-ratio:0)
 {



@media(max-width:654px)
	 {

#r1div{ left: 80%;
    top: 104%;
 }



		 .rs3 {
    max-width: 129px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -257px 0 0 145px;

}

.rs1 {
    max-width: 301px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 31px 0 0 -61px;
}


.rs3 {
    max-width: 129px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -298px 0 0 251px;
}


.rs4 {
    max-width: 306px;
    max-height: 149px;
    width: auto;
    height: auto;
    margin: 13px 0 0 -440px;
}










	 }





 }













 @media (max-width: 645px) {
      .rainbuttons
       {
           border-color: transparent;
           width: 60px;
           border-radius: 5px;
           text-shadow: 2px 2px 4px #000000;
           box-shadow: 10px 5px 10px grey;
       }
      .ased{
             border-radius: 10px;
             margin-top: 55%;
             margin-left: -10%;
             height: 200px;
             width: 300px;
             background-position-y: -120px;
        }
         .ased a{
            text-decoration: none;
            color: black;
        }
		#ibgdiv {
    left: 14%;
    top: 0%;
    z-index: 999;
}

		#yordiv {
    left: 40%;
    top: -18%;
    z-index: 999;
}

		#rdiv {
    left: 67%;
top: 26%;
}

	#vibdiv {
    z-index: 9999;
}		#gyodiv {
    left: 28%;
    top: 103%;
    z-index: 9999;
}
		#ordiv {
    left: 53%;
    top: 102%;
    z-index: 9999;
}
.templatemo_portfoliotext p {
    color: #008aff;
    position: absolute;
    top: 0px;
    background: #0b0a0a;
    padding: 10px 94px;
    width: 11%;
    left: 161px;
    text-decoration: underline;
}
.templatemo_insideportfolio h2 {
    margin: 22px 51px -250px 186px;
    color: #0c0c0c;
    font-size: 187px;
}
.res_p {
    width: 71%;
    padding: 10px 145px;
  }
  .rel_p{padding: 10px 145px;}
  .apart_p{    padding: 10px 145px;}
  .insti_p{padding: 10px 145px;}
  .sports_p{padding: 10px 145px;}
  .interiors_p{padding: 10px 145px;}
  .cul_p{padding: 10px 145px;}
 }
 @media(max-width:640px)
 {
	.co5 {

    max-width: 386px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 7px 67px 0 36px;

}
	.int1 {

    max-width: 255px;
    max-height: 238px;
    width: auto;
    height: auto;
    margin: 5px 0 0 89px;

}

.int2 {

    max-width: 255px;
    max-height: 108px;
    width: auto;
    height: auto;
    margin: 22px 0 0 88px;

}

.int3 {

    max-width: 146px;
    max-height: 220px;
    width: auto;
    height: auto;
    margin: -387px 0 0 349px;

}


.int4 {

    max-width: 140px;
    max-height: 118px;
    width: auto;
    height: auto;
    margin: -181px 0 0 351px;

}




.rs1 {

    max-width: 303px;
    max-height: 258px;
    width: auto;
    height: auto;
    margin: 16px 0 0 53px;

}



.rs2 {

    max-width: 303px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 25px 0 50px 56px;

}

	.rs4 {

    max-width: 145px;
    max-height: 231px;
    width: auto;
    height: auto;
    margin: -72px 0 0 165px;

}

.int5 {
    max-width: 106px;
    max-height: 136px;
    width: auto;
    height: auto;
    margin: -225px 0 0 84px;
}

.rn2 {

    max-width: 303px;
    max-height: 175px;
    width: auto;
    height: auto;
    margin: 13px 0 0 29px;

}

.rn3 {

    max-width: 162px;
    max-height: 207px;
    width: auto;
    height: auto;
    margin: -9px 0 0 268px;

}


.rn4 {

    max-width: 254px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: -105px 0 0 -178px;

}





 }






@media(max-width:637px)
 {

	 .int5 {

    max-width: 137px;
    max-height: 136px;
    width: auto;
    height: auto;
    margin: -160px 0 0 84px;

}

.int4 {

    max-width: 137px;
    max-height: 146px;
    width: auto;
    height: auto;
    margin: -93px 0 0 355px;
}
 }
 @media(max-width:623px)
 {
   .res_p{		width: 65%;
    padding: 10px 161px;
   	top: 291px;	left: 80px;
   } .rel_p{		width: 65%;
    padding: 10px 161px;
   	top: 339px;	left: 80px;
   } .apart_p{		width: 65%;
    padding: 10px 161px;
   	top: 387px;	left: 80px;
   } .insti_p{		width: 65%;
    padding: 10px 161px;
   	top: 435px;	left: 80px;
   } .sports_p{		width: 65%;
    padding: 10px 161px;
   	top: 483px;	left: 80px;
   }.interiors_p{		width: 65%;
    padding: 10px 161px;
   	top: 531px;	left: 80px;
   }.cul_p{		width: 65%;
    padding: 10px 161px;
   	top: 579px;	left: 80px;
   }
	 .templatemo_insideportfolio {
    background: #ffffff;
    width: 99%;
	 }
   .templatemo_insideportfolio h2 {
    margin: 22px 51px -250px 189px;
    color: #0c0c0c;
    font-size: 187px;
}
 }
 @media (max-width: 599px){
 .templatemo_insideportfolio h2 {
     /* margin: 27px 6px 0 33px; */
     margin: 22px 51px -250px 161px;
     color: #0c0c0c;
     font-size: 187px;
 }
 .res_p{		width: 65%;
  padding: 10px 138px;
   top: 291px;	left: 80px;
 } .rel_p{		width: 65%;
  padding: 10px 138px;
   top: 339px;	left: 80px;
 } .apart_p{		width: 65%;
  padding: 10px 138px;
   top: 387px;	left: 80px;
 } .insti_p{		width: 65%;
  padding: 10px 138px;
   top: 435px;	left: 80px;
 } .sports_p{		width: 65%;
  padding: 10px 138px;
   top: 483px;	left: 80px;
 }.interiors_p{		width: 65%;
  padding: 10px 138px;
   top: 531px;	left: 80px;
 }.cul_p{		width: 65%;
  padding: 10px 138px;
   top: 579px;	left: 80px;
 }
}


 @media(max-width:622px)
 {

	 #ibgdiv {
    left: 14%;
    top: -3%;
    z-index: 999;
}
	 #yordiv {
    left: 42%;
    top: -24%;
    z-index: 999;
}

	 #rdiv {
    left: 69%;
    top: 23%;
    z-index: 9999;
}

 }




 @media(max-width:616px)
 {

      .gallery-item .overlay a {
    		color: #ffffff;
    		    text-align: center;
    		    line-height: 32px;
    		    position: absolute;
    		    top: 87px;
            left: -22%;
  width: 441px;
  height: 301px;
    		    font-size: 24px;
    }

	 .rs1 {

    max-width: 303px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 16px 0 0 53px;

}
	 .rs2 {

    max-width: 303px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 25px 0 50px 56px;

}

	.rs3 {

    max-width: 104px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -96px 0 0 -19px;

}

.rs4 {

    max-width: 147px;
    max-height: 78px;
    width: auto;
    height: auto;
    margin: -171px 0 0 239px;

}


.rs5 {

    max-width: 126px;
    max-height: 155px;
    width: auto;
    height: auto;
    margin: -13px 0 0 -367px;

}

.rs6 {

    max-width: 122px;
    max-height: 203px;
    width: auto;
    height: auto;
    margin: -98px 0 0 43px;

}


 }





 @media screen and (-webkit-min-device-pixel-ratio:0) {



 @media(max-width:616px)
 {

	 .rs4 {
    max-width: 204px;
    max-height: 78px;
    width: auto;
    height: auto;
    margin: 4px 0 0 -33px;
    display: none;
}
	.rs1 {
    max-width: 303px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 16px 0 0 53px;
}

.rs3 {
    max-width: 104px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -66px 0 0 -102px;
}


.rs2 {
    max-width: 303px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 25px 0 50px 56px;
}


 }
 }















 @media(max-width:613px)
 {

	 .int6 {

    max-width: 82px;
    max-height: 68px;
    width: auto;
    height: auto;
    margin: -107px 0 0 -559px;

}



 }

@media screen and (-webkit-min-device-pixel-ratio:0) {


@media(max-width:609px)
 {

#r1div{ left: 77%;
    top: 104%;
 }



	 .rn1 {
    max-width: 309px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 39px 0 0 -4px;
}


.rn2 {
    max-width: 303px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 10px 0 0 -1px;
}

.rn4 {
    max-width: 254px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: -92px 0 0 -201px;
}

.rn3 {
    max-width: 170px;
    max-height: 207px;
    width: auto;
    height: auto;
    margin: -23px 0 0 234px;
}

 }
 }















 @media(max-width:606px)
 {

	 .rainbuttons
	 {
		border-color: transparent;
		width: 52px;
	 }
	 .wd {
    height: 55px !important;
    width: 55px !important;
}

#ibgdiv {
    left: 13%;
	top: 3%;
	 z-index: 999;
}

#yordiv {
    margin-left: 42%;
    margin-top: -11%;
    z-index: 999;
}

#rdiv {
    left: 63%;
	top: 26%;
    z-index: 9999;
}
#yordiv {
    left: -3%;
    top: 3%;
    z-index: 999;
}

.templatemo_portfoliotext p {
    color: #008aff;
    position: absolute;
    top: 0px;
    background: #0b0a0a;
    padding: 10px 183px;
    width: 60%;
    left: 102px;
    text-decoration: underline;
}
 }
 @media screen and (-webkit-min-device-pixel-ratio:0) {



 @media(max-width:606px)
 {

	.int1 {
    max-width: 314px;
    max-height: 268px;
    width: auto;
    height: auto;
    margin: 5px 0 0 46px;
}
	.int2 {
    max-width: 310px;
    max-height: 143px;
    width: auto;
    height: auto;
    margin: 22px 0 0 44px;
}

.int3 {
    max-width: 119px;
    max-height: 201px;
    width: auto;
    height: auto;
    margin: -310px 0 0 286px;
}
	.int5 {
    max-width: 92px;
    max-height: 136px;
    width: auto;
    height: auto;
    margin: -159px 0 0 31px;
}


.int4 {
    max-width: 100px;
    max-height: 146px;
    width: auto;
    height: auto;
    margin: -132px 0 0 289px;
}



 }
 }



 @media screen and (-webkit-min-device-pixel-ratio:0) {

@media(max-width:709px)
{

 .co4 {
    max-width: 86px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: 77px 0 0 4px;

	display:none;
}

 .co3 {
    max-width: 87px;
    max-height: 181px;
    width: auto;
    height: auto;
    margin: 80px 0 0 -186px;
	display:none;
}
 .co1 {
    max-width: 235px;
    max-height: 276px;
    width: auto;
    height: auto;
    margin: 15px 0 0 49px;
}

 .co2 {
    max-width: 234px;
    max-height: 181px;
    width: auto;
    height: auto;
    margin: 14px 0 8px 48px;
}

.co5 {
    max-width: 235px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 7px 67px 29px 115px;
}
 }
 }
 @media(max-width:603px)
 {
	 .templatemo_portfoliotext p {
    color: #008aff;
    position: absolute;
    top: 0px;
    background: #0b0a0a;
    padding: 10px 133px;
}
.co1 {
    max-width: 235px;
    max-height: 276px;
    width: auto;
    height: auto;
    margin: 15px 0 0 49px;
}
.co5 {
    max-width: 235px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 7px 67px 29px 115px;
}
.co6 {
    max-width: 152px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 7px 29px 0 -57px;
}
 }
 @media(max-width:600px)
 {
	 #gyodiv {
    left: 26%;
    top: 104%;
    z-index: 9999;
}
	 #ordiv {
    left: 51%;
    top: 105%;
    z-index: 9999;
}
.de_re4 {
    width: 32%;
    margin: 0 0 0 16px;
}
.de_re3 {
    width: 32%;
}
.sports_img {
    width: 55%;
}
 }
 @media(max-width:585px)
 {
	 .templatemo_portfoliotext p {
    color: #008aff;
    position: absolute;
    top: 0px;
    background: #0b0a0a;
    padding: 10px 100px;
}
 }
 @media(max-width:583px)
 {

	 .co5 {

    max-width: 355px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 7px 67px 0 53px;

}

	 .co6 {

    max-width: 159px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 7px 29px 0 -57px;

}





 }









 @media(max-width:580px)
  {

 .ased {
    margin: 15px 0 0 0;
    width: 100%;
    display: block;
}



 .sig_log {

    width: 291px;
    transform: rotate(90deg);
   margin: 8px 0 0 -106px;

}

 .abt_dv_chn
 {

	margin: 260px 0 0 0;


 }



	.raindiv {
    width: 50%;
    margin-top: -14px;
    margin-left: 30px;
    //border: solid;
    text-align: center;
}


	.ext_out {
    width: 32%;
    margin: 0 0 0 212px;
    cursor: pointer;
}
	.rainbuttons {
		border-color: transparent;
		width: 60%;
		margin: 10px 20px 16px 0;
		transform: rotate(90deg);
		height: 47px;
		z-index:999;
}



#vibdiv {
    z-index: 999;
    top: 29%;
    left: 54%;
}
.wd {
    height: 57px !important;
    width: 57px !important;
}


#ibgdiv {
    top: 39%;
	z-index: 999;
	float: right;
	width: 250px;
	left: 101px;
}

#gyodiv {
    top: 49%;
	z-index: 999;
	float: right;
	width: 250px;
	left: 102px;
}

#yordiv {
    top: 62%;
	z-index: 999;
	float: right;
	width: 250px;
	left: 24px;
}

#ordiv {
    top: 70%;
	z-index: 999;
	float: right;
	width: 250px;
	left: 101px;
}

#rdiv {
    top: 80%;
	z-index: 999;
	float: right;
	width: 250px;
	left: 104px;
}

 #r1div {
    top: 91%;
	z-index: 999;
	float: right;
	width: 250px;
	left: 101px;
}
 .raindiv::before {

    width: 1px;
    height: 122px;
    content: "";
    background: #0f0e0e;
    position: absolute;
    top: -104px;
    right: 62%;
    display: block;
    z-index: 9999;

}

 .re1 {

    max-width: 294px;
    max-height: 270px;
    width: auto;
    height: auto;
    margin: 21px 0 7px 18px;

}


 }



 @media screen and (-webkit-min-device-pixel-ratio:0) {


@media(max-width:580px)
 {
       .gallery-item .overlay a {
           color: #ffffff;
           text-align: center;
           line-height: 32px;
           position: absolute;
           top: 139px;
               left: -27%;
               width: 345px;
               height: 236px;
           font-size: 24px;
       }
	.re1 {
    max-width: 305px;
    max-height: 270px;
    width: auto;
    height: auto;
    margin: 21px 0 7px 18px;
}
.re5 {
    max-width: 143px;
    max-height: 108px;
    width: auto;
    height: auto;
    margin: -95px 9px 0 214px;
}




 }
 }






 @media(max-width:572px)
 {

	 .int1 {
    max-width: 333px;
    max-height: 211px;
    width: auto;
    height: auto;
    margin: -152px 0 0 84px;
}


.int2 {
    max-width: 167px;
    max-height: 150px;
    width: auto;
    height: auto;
    margin: 225px 0 0 -334px;
}


.int3 {
    max-width: 162px;
    max-height: 278px;
    width: auto;
    height: auto;
    margin: -189px 0 0 262px;
}

.int5 {
    max-width: 174px;
    max-height: 136px;
    width: auto;
    height: auto;
    margin: -10px 0 0 -329px;
}

.int4 {
    max-width: 145px;
    max-height: 159px;
    width: auto;
    height: auto;
    margin: -32px 0 0 268px;
}



 }



 @media screen and (-webkit-min-device-pixel-ratio:0) {

 @media(max-width:572px)
 {

	.int1 {
    max-width: 295px;
    max-height: 217px;
    width: auto;
    height: auto;
    margin: -115px 0 0 -35px;
}




.int2 {
    max-width: 293px;
    max-height: 134px;
    width: auto;
    height: auto;
    margin: 268px 0 0 -298px;
}

 .int3 {
    max-width: 129px;
    max-height: 278px;
    width: auto;
    height: auto;
    margin: 226px 0 0 27px;
}


 .int5 {
    max-width: 174px;
    max-height: 136px;
    width: auto;
    height: auto;
    margin: -10px 0 0 -329px;
    display: none;
}


 .int4 {
    max-width: 145px;
    max-height: 159px;
    width: auto;
    height: auto;
    margin: -32px 0 0 268px;
    display: none;
}



 }

  }













 @media(max-width:567px)
 {

	 .com_sn {
    text-align: center;
    width: 100%;
    margin-left: 0px;
}




 }



 @media(max-width:564px)
 {

	 .co2 {

    max-width: 231px;
    max-height: 181px;
    width: auto;
    height: auto;
    margin: 12px 0 0 49px;

}
	.int1 {

    max-width: 295px;
    max-height: 217px;
    width: auto;
    height: auto;
    margin: -115px 0 0 -9px;

}
.co5 {

    max-width: 355px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 7px 67px 0 52px;

}


.int3 {

    max-width: 140px;
    max-height: 278px;
    width: auto;
    height: auto;
    margin: -126px 0 0 81px;

}


.rn1 {

    max-width: 300px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 39px 0 0 -4px;

}
	.rn2 {

    max-width: 298px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 10px 0 0 0px;

}

.rn3 {

    max-width: 300px;
    max-height: 207px;
    width: auto;
    height: auto;
    margin: 9px 0 0 0px;

}
.rn4 {

    max-width: 254px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: -92px 0 0 -201px;
    display: none;

}

 .rs1 {

    max-width: 311px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 36px 0 0 0;

}


 .rs2 {

    max-width: 311px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 5px 0 0 5px;

}

 .int2 {

    max-width: 295px;
    max-height: 104px;
    width: auto;
    height: auto;
    margin: 237px 0 0 -295px;

}


 .int3 {

    max-width: 295px;
    max-height: 278px;
    width: auto;
    height: auto;
    margin: 11px 0 0 0px;

}


 .re1 {

    max-width: 300px;
    max-height: 270px;
    width: auto;
    height: auto;
    margin: 21px 0 7px 18px;

}
 .re2 {

    max-width: 300px;
    max-height: 277px;
    width: auto;
    height: auto;
    margin: 5px 0 0 24px;

}

 .re3 {

    max-width: 300px;
    max-height: 188px;
    width: auto;
    height: auto;
    margin: 9px 0 0 29px;

}
 .re5 {

    max-width: 143px;
    max-height: 108px;
    width: auto;
    height: auto;
    margin: -95px 9px 0 214px;
    display: none;

}
 .res_p{		width: 45%;
 padding: 10px 120px;
	top: 291px;	left: 58px;
} .rel_p{		width: 45%;
 padding: 10px 120px;
	top: 339px;	left: 58px;
} .apart_p{		width: 45%;
 padding: 10px 120px;
	top: 387px;	left: 58px;
} .insti_p{		width: 45%;
 padding: 10px 120px;
	top: 435px;	left: 58px;
} .sports_p{		width: 45%;
 padding: 10px 120px;
	top: 483px;	left: 58px;
}.interiors_p{		width: 45%;
 padding: 10px 120px;
	top: 531px;	left: 58px;
}.cul_p{		width: 45%;
 padding: 10px 120px;
	top: 579px;	left: 58px;
}
.templatemo_insideportfolio h2 {
    margin: 22px 51px -250px 140px;
  }
 }
@media( max-width:562px)
 {

	 .int1 {
    max-width: 333px;
    max-height: 211px;
    width: auto;
    height: auto;
    margin: 16px 0 0 84px;
}
	.int2 {
    max-width: 167px;
    max-height: 150px;
    width: auto;
    height: auto;
    margin: 14px 0 0 -78px;
}
.int5 {
    max-width: 174px;
    max-height: 136px;
    width: auto;
    height: auto;
    margin: -150px 0 0 -71px;
}

 }



@media(max-width:562px)
 {

	 .int2 {
    max-width: 329px;
    max-height: 242px;
    width: auto;
    height: auto;
    margin: 16px 0 0 86px;
}


.int3 {
    max-width: 129px;
    max-height: 278px;
    width: auto;
    height: auto;
    margin: 5px 0 0 27px;
    display: none;
}



 }




 @media(max-width:560px)
 {

	 #ibgdiv {
    top: 40%;
    z-index: 999;
    float: right;
    width: 250px;
    left: 98px;
}

	#gyodiv {
    top: 49%;
    z-index: 999;
    float: right;
    width: 250px;
    left: 98px;
}

#yordiv {
    top: 62%;
    z-index: 999;
    float: right;
    width: 250px;
    left: 22px;
}
#ordiv {
    top: 70%;
    z-index: 999;
    float: right;
    width: 250px;
    left: 97px;
}

#rdiv {
    top: 80%;
    z-index: 999;
    float: right;
    width: 250px;
    left: 99px;
}


.templatemo_portfoliotext p {
    color: #008aff;
    position: absolute;
    top: 0px;
    background: #0b0a0a;
    padding: 10px 110px;
}






 }


 @media(max-width:558px)
 {
	.rs1 {
    max-width: 361px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 24px 0 117px 13px;
}

.rn3 {
    max-width: 170px;
    max-height: 207px;
    width: auto;
    height: auto;
    margin: 10px 0 0 234px;
}

 .rn4 {
    max-width: 222px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: -89px 0 0 -185px;
}
.rs5 {

    max-width: 214px;
    max-height: 155px;
    width: auto;
    height: auto;
    margin: -62px 0 0 -367px;

}

.rs6 {

    max-width: 139px;
    max-height: 203px;
    width: auto;
    height: auto;
    margin: -99px 0 0 243px;

}


.rn2 {
    max-width: 168px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 33px 0 0 13px;
}

.rs2 {

    max-width: 169px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -148px 0 0 186px;

}

.rs3 {

    max-width: 167px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -150px 0 0 -331px;

 }
}



@media screen and (-webkit-min-device-pixel-ratio:0) {

@media(max-width:558px)
 {

	 .rs1 {
    max-width: 341px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 24px 0 117px 13px;
}
	.rn3 {
    max-width: 170px;
    max-height: 207px;
    width: auto;
    height: auto;
    margin: 10px 0 0 234px;
}
	.rn2 {
    max-width: 298px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 33px 0 0 -3px;
}

.rn4 {
    max-width: 222px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: -89px 0 0 -185px;
}


.rs3 {

    max-width: 167px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -241px 0 0 -220px;

}

.rs2 {

    max-width: 343px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -105px 0 0 14px;

}

.rs3 {

    max-width: 167px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -150px 0 0 -331px;
}
 }
 }
 @media(max-width:550px)
 {
.res_d3 {
    position: relative;
    height: 200px;
    width: 100%;
    padding: 2px;
}
.d2_com {
    width: 18%;
   // height: 92px;
    margin: 0 0 13px 19px;
}
.raindiv {
    width: 50%;
    margin-top: -20px;
    margin-left: 33px;
    //border: solid;
 }
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {


 @media(max-width:550px)
 {

	.re1 {
    max-width: 267px;
    max-height: 270px;
    width: auto;
    height: auto;
    margin: 21px 0 7px 45px;
}
	.re2 {
    max-width: 268px;
    max-height: 277px;
    width: auto;
    height: auto;
    margin: 11px 0 0 39px;
}

.re3 {
    max-width: 267px;
    max-height: 188px;
    width: auto;
    height: auto;
    margin: 6px 0 0 37px;
}

.re5 {
    max-width: 169px;
    max-height: 108px;
    width: auto;
    height: auto;
    margin: 11px 9px 0 37px;
}
 }
 }
 @media screen and (-webkit-min-device-pixel-ratio:0) {

@media(max-width:548px)
 {
	 .co5 {
    max-width: 355px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 7px 67px 0 43px;
}
 }
 }
 @media(max-width:546px)
 {
	 .sigheading1 {
    font-size: 8px;
	 }
 }
 @media screen and (-webkit-min-device-pixel-ratio:0) {

 @media(max-width:545px)
 {
	.ins2 {
    max-width: 170px;
    max-height: 182px;
    width: auto;
    height: auto;
    margin: 13px 0 0 59px;
}
 }
 }
@media(max-width:540px)
 {

	 #ibgdiv {
    top: 39%;
    z-index: 999;
    float: right;
    width: 216px;
    left: 95px;
}

	 #gyodiv {
    top: 49%;
    z-index: 999;
    float: right;
    width: 219px;
    left: 97px;
}

	#yordiv {

    top: 62%;
    z-index: 999;
    float: right;
    width: 216px;
    left: 24px;

}
	#ordiv {

    top: 70%;
    z-index: 999;
    float: right;
    width: 212px;
    left: 97px;

}

	#rdiv {

    top: 78%;
    z-index: 999;
    float: right;
    width: 198px;
    left: 97px;

}
 #r1div {
    top: 91%;
	z-index: 999;
	float: right;
	width: 212px;
	left: 93px;
}

.coming_soon {

    width: 38%;
	height: 96px;
	margin: 0 0 10px 50px;
}

	 .sigheading1 {
    font-size: 11px;
}

 }




@media screen and (-webkit-min-device-pixel-ratio:0) {
@media(max-width:537px)
 {
	 .rn1 {
    max-width: 265px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 18px 0 0 -4px;
}
.rn2 {
    max-width: 264px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 9px 0 0 2px;
}
.rn3 {
    max-width: 123px;
    max-height: 207px;
    width: auto;
    height: auto;
    margin: -24px 0 0 236px;
	display:none;
}


.rn4 {
    max-width: 204px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: 112px 0 0 -164px;
 }
 }
}
 @media(max-width:534px)
 {
	 .templatemo_portfoliotext p {
    color: #008aff;
    position: absolute;
    top: 0px;
    background: #0b0a0a;
    padding: 10px 92px;
}
 }




@media(max-width:530px)
 {

 .res_click_img {

    //width: 100%;
    height: 279px;

}
.res_click_319{
	  //width: 100%;
    height: 250px;
}
.res_click_270{  //width: 100%;
   height: 250px;
}
.res_click_160{	  //width: 100%;
   height: 250px;}
.res_click_140{	  //width: 100%;
   height: 250px;
}
.res_click_150{	  //width: 100%;
   height: 250px;
}
.res_click_180{  //width: 100%;
    height: 250px;
}
.res_click_300{	  //width: 100%;
   height: 250px;}
.res_click_200{	  //width: 100%;
   height: 250px;
}
.res_click_210{	  //width: 100%;
   height: 250px;
}
.res_click_205{
	  //width: 100%;
   height: 250px;
}
.res_click_265{	  //width: 100%;
   height: 250px;}
.res_click_250{
	  //width: 100%;
   height: 250px;
}
.res_click_175{  //width: 100%;
    height: 250px;
}

	 .int6 {
    max-width: 82px;
    max-height: 68px;
    width: auto;
    height: auto;
    margin: -43px 0 0 -516px;
}



 }











 @media(max-width:528px)
 {

	 .top_img
	 {

		 width:80%;


	 }
	 #ibgdiv {
    top: 39%;
    z-index: 999;
    float: right;
    width: 146px;
    left: 93px;
}

#gyodiv {
    top: 50%;
    z-index: 999;
    float: right;
    width: 170px;
    left: 98px;
}

#yordiv {
    top: 62%;
    z-index: 999;
    float: right;
    width: 200px;
    left: 27px;
}
#ordiv {
    top: 70%;
    z-index: 999;
    float: right;
    width: 192px;
    left: 98px;
}

#rdiv {
    top: 80%;
    z-index: 999;
    float: right;
    width: 198px;
    left: 98px;
}

#r1div {
    top: 91%;
    z-index: 999;
    float: right;
    width: 192px;
    left: 93px;
}




 }



 @media screen and (-webkit-min-device-pixel-ratio:0) {

@media(max-width:524px)
 {

	 .co4 {
    max-width: 88px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: -71px 0 0 304px;
    display: none;
}




 .co6 {
    max-width: 147px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: -103px 29px 0 281px;
}

.co5 {
    max-width: 231px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 7px 67px 20px 107px;
}


 }


 }




  @media screen and (-webkit-min-device-pixel-ratio:0) {



@media(max-width:523px)
 {

	.co2 {
    max-width: 87px;
    max-height: 181px;
    width: auto;
    height: auto;
    margin: -42px 0 0 5px;
}

.co3 {
    max-width: 92px;
    max-height: 181px;
    width: auto;
    height: auto;
    margin: -79px 0 0 115px;
}

.co4 {
    max-width: 88px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: -121px 0 0 305px;
}

.co5 {
    max-width: 144px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: -26px 67px 0 -93px;
}

.co6 {
    max-width: 147px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: -103px 29px 0 244px;
}





 }
 }









@media(max-width:520px)
 {

	 .ins1 {

    max-width: 125px;
    max-height: 182px;
    width: auto;
    height: auto;
    margin: 5px 0 0 55px;

}

	.ins2 {

    max-width: 125px;
    max-height: 182px;
    width: auto;
    height: auto;
    margin: 2px 0 0 5px;

}
.gallery-item .overlay a {
    color: #ffffff;
    text-align: center;
    line-height: 32px;
    position: absolute;
    top: 172px;
    left: -30%;
    width: 345px;
    height: 208px;
    font-size: 24px;
}


 }











 @media(max-width:519px)
 {
	  .res_p{		width: 40%;
 padding: 10px 14px;
	top: 291px;	left: 136px;
} .rel_p{		width: 40%;
 padding: 10px 14px;
	top: 339px;	left: 136px;
} .apart_p{		width: 40%;
 padding: 10px 14px;
	top: 387px;	left: 136px;
} .insti_p{		width: 40%;
 padding: 10px 14px;
	top: 435px;	left: 136px;
} .sports_p{		width: 40%;
 padding: 10px 14px;
	top: 483px;	left: 136px;
}.interiors_p{		width: 40%;
 padding: 10px 14px;
	top: 531px;	left: 136px;
}.cul_p{		width: 40%;
 padding: 10px 14px;
	top: 579px;	left: 136px;
}
	.co5 {

    max-width:330px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: -29px 67px 0 33px;

}
.co6 {

    max-width: 330px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 7px 29px 0 38px;

}

.co1 {
    max-width: 202px;
    max-height: 238px;
    width: auto;
    height: auto;
    margin: 15px 0 0 35px;
}


.co2 {
    max-width: 66px;
    max-height: 181px;
    width: auto;
    height: auto;
    margin: -34px 0 0 5px;
}


.co4 {

    max-width: 70px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: -154px 0 0 320px;

}

	.co3 {

    max-width: 73px;
    max-height: 181px;
    width: auto;
    height: auto;
    margin: -118px 0 0 171px;

}


.rs4 {
    max-width: 147px;
    max-height: 78px;
    width: auto;
    height: auto;
    margin: -173px 0 0 239px;
}
.rs5 {
    max-width: 214px;
    max-height: 155px;
    width: auto;
    height: auto;
    margin: -62px 0 0 -135px;
}



 }


 @media screen and (-webkit-min-device-pixel-ratio:0) {

 @media(max-width:519px)
 {

	.co5 {
    max-width: 173px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: -29px 67px 0 -69px;
}

	.co6 {
    max-width: 147px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: -103px 29px 0 244px;
}












 }
 }


















 @media(max-width:514px)
 {


	.co1 {
    max-width: 300px;
    max-height: 238px;
    width: auto;
    height: auto;
    margin: 36px 0 0 35px;
}

.co2 {

    max-width: 130px;
    max-height: 181px;
    width: auto;
    height: auto;
    margin: -84px -19px 0 23px;

}

.co3 {

    max-width: 133px;
    max-height: 181px;
    width: auto;
    height: auto;
    margin: 123px 0 0 -250px;

}

.co4 {

    max-width: 124px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: -98px 0 0 188px;

}


.co5 {

    max-width: 295px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 8px 67px 0 72px;

}

.co6 {

    max-width: 295px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 22px 29px 0 74px;

}



 }



 @media screen and (-webkit-min-device-pixel-ratio:0) {


 @media(max-width:515px)
 {

	.co2 {
    max-width: 130px;
    max-height: 181px;
    width: auto;
    height: auto;
    margin: 11px 0px 0 -4px;
    display: none;
}
	.co3 {
    max-width: 133px;
    max-height: 181px;
    width: auto;
    height: auto;
    margin: 123px 0 0 -250px;
    display: none;
}
	.co4 {
    max-width: 124px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: -98px 0 0 188px;
    display: none;
}

.co5 {
    max-width: 300px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 8px 67px 0 58px;
}


.co6 {
    max-width: 216px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 22px 29px 0 74px;
}






 }
 }













@media(max-width:502px)
 {


.rs1 {

    max-width: 349px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 24px 0 117px 13px;

}






 }





 @media (max-width: 500px) {

      .ased{
				//display:none;
             border-radius: 10px;
             margin-top: 85%;
             height: 200px;
            // width: 300px;
             margin-left: -30%;
             background-position-y: -120px;

        }
         .ased a{
            text-decoration: none;
            color: black;
        }
       .sigheading{
            font-size: 18px;
            text-decoration: none;
            color: white;
            text-shadow: 2px 2px 4px #000000;
            text-align:  center;
        }

  .asd{
      margin-top: 35%;
      margin-left: 25px;

            text-decoration: none; font-size: 30px; position: fixed;
        }
  .asd a{
            text-decoration: none;
            color: rgb(218,165,32);
            text-shadow: 1px 1px 1px black;
        }
        .d1
        {
            position: relative;
            height: 170px;
            width: 100% ;
            padding: 2px;

        }
        .d2
        {
            position: relative;
            height: 160px;
            padding: 2px;
            width: 100% ;
        }
        .d3
        {
            position: relative;
            height: 120px;
            width: 100% ;
            padding: 2px;
        }
         .d4
        {
            position: relative;
            height: 100px;
            width: 100% ;
            padding: 2px;
        }
         .d7
        {
            position: relative;
            height: 50px;
            width: 100% ;
            padding: 2px;
        }

 .raindiv {
    width: 50%;
    margin-top: -22px;
    margin-left: -11px;
    //border: solid;
    text-align: center;
}
  #vibdiv {
    z-index: 9999;
    top: 39%;
    left: 37%;
}

 #ibgdiv {
    top: 48%;
    z-index: 999;
    float: right;
    width: 196px;
    left: 53px;
}

 #gyodiv {
    top: 57%;
    z-index: 999;
    float: right;
    width: 194px;
    left: 53px;
}


 #yordiv {
    top: 68%;
    z-index: 999;
    float: right;
    width: 200px;
    left: -15px;
}
 #ordiv {
    top: 75%;
    z-index: 999;
    float: right;
    width: 192px;
    left: 52px;
}

 #rdiv {
    top: 84%;
    z-index: 999;
    float: right;
    width: 198px;
    margin-left: -46px;
}

  #r1div {
    top: 92%;
    z-index: 999;
    float: right;
    width: 192px;
    left: 52px;
}


 .d1_com {
    width: 41%;
    height: 214px;
    margin: 0 0 0 16px;
}



 .d3_com {
    width: 44%;
    height: 176px;
    margin: 24px 0 0 137px;
}


 .d1_ins {
    width: 45%;
    margin: 0 37px 0 20px;
}


 .d2_ins {
    width: 37%;
}

 .d1_a {

    width: 51%;
    margin: 0 3px 0 -10px;

}


 .d2_a {

    width: 37%;

}

 .villa_sig_at_med
 {

	width:100%!important;


 }
 .reside_sig_at_med
 {

	 width:100%!important;


 }
 .d2_v {

    width: 39%;
    height: 187px;
    margin: 45px 0px 0 22px;

}

 .d1_v {

    width: 47%;
    margin: 0px 0 0 0px;

}
 .reg_d1 {
    width: 47%;
}
 .reg_d2 {
    width: 40%;
}
 .sports_img {
    width: 65%;
}

.de_re1 {
    width: 53%;
}

.de_re2 {
    width: 40%;
}
.de_re3 {
    width: 45%;
}

.de_re4 {
    width: 44%;
    margin: 0 0 0 16px;
}



 }


 @media(max-width:498px)
 {


	 .templatemo_portfoliotext p {
    color: #008aff;
    position: absolute;
    top: 0px;
    background: #0b0a0a;
    padding: 10px 74px;
}




 }


@media(max-width:490px)
 {

	 .int1 {

    max-width: 333px;
    max-height: 211px;
    width: auto;
    height: auto;
    margin: 16px 0 0 63px;

}

.int3 {

    max-width: 162px;
    max-height: 278px;
    width: auto;
    height: auto;
    margin: -189px 0 0 238px;

}

.int4 {
    max-width: 145px;
    max-height: 159px;
    width: auto;
    height: auto;
    margin: -32px 0 0 244px;
}



 }



@media(max-width:490px)
 {


 @media screen and (-webkit-min-device-pixel-ratio:0) {

			.int3 {
    max-width: 189px;
    max-height: 278px;
    width: auto;
    height: auto;
    margin: 9px 0 0 52px;
}


.int2 {
    max-width: 196px;
    max-height: 187px;
    width: auto;
    height: auto;
    margin: 13px 0 0 51px;
}

.int1 {
    max-width: 270px;
    max-height: 211px;
    width: auto;
    height: auto;
    margin: 16px 0 0 63px;
}






	 }


 }













 @media(max-width:486px)
 {



.int1 {

    max-width: 333px;
    max-height: 211px;
    width: auto;
    height: auto;
    margin: 16px 0 0 58px;

}

.int3 {

    max-width: 162px;
    max-height: 278px;
    width: auto;
    height: auto;
    margin: -189px 0 0 235px;

}

.int4 {

    max-width: 145px;
    max-height: 159px;
    width: auto;
    height: auto;
    margin: -32px 0 0 242px;

}

.rs1 {
    max-width: 328px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 24px 0 117px 13px;
}

 }






 @media screen and (-webkit-min-device-pixel-ratio:0) {

 @media(max-width:486px)
 {


	.rs1 {
    max-width: 263px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 32px 0 117px -23px;
}

	 .int3 {
    max-width: 162px;
    max-height: 278px;
    width: auto;
    height: auto;
    margin: 9px 0 0 65px;
}




 }

 }


@media screen and (-webkit-min-device-pixel-ratio:0) {

@media(max-width:485px)
 {
   .gallery-item .overlay a {
       color: #ffffff;
       text-align: center;
       line-height: 32px;
       position: absolute;
       top: 187px;
       left: -39%;
       width: 345px;
       height: 196px;
       font-size: 24px;
   }



	 .rn2 {
    max-width: 262px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 4px 0 0 -2px;
}
	 .rn4 {
    max-width: 204px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: 171px 0 0 -205px;
}

.int3 {
    max-width: 190px;
    max-height: 278px;
    width: auto;
    height: auto;
    margin: 22px 0 0 53px;
}
.rn3 {
    max-width: 123px;
    max-height: 207px;
    width: auto;
    height: auto;
    margin: -24px 0 0 236px;
    display: none;
}

 }
 }




 @media(max-width:478px)
 {
   .res_p{		width: 40%;
padding: 10px 35px;
 top: 291px;	left: 105px;
} .rel_p{		width: 40%;
padding: 10px 35px;
 top: 339px;	left: 105px;
} .apart_p{		width: 40%;
padding: 10px 35px;
 top: 387px;	left: 105px;
} .insti_p{		width: 40%;
padding: 10px 35px;
 top: 435px;	left: 105px;
} .sports_p{		width: 40%;
padding: 10px 35px;
 top: 483px;	left: 105px;
}.interiors_p{		width: 40%;
padding: 10px 35px;
 top: 531px;	left: 105px;
}.cul_p{		width: 40%;
padding: 10px 35px;
 top: 579px;	left: 105px;
}
	#ibgdiv {
    margin-top: 0%;
    z-index: 999;
    float: right;
    width: 196px;
    margin-left: 0px;
}

	#gyodiv {
    margin-top: 0%;
    z-index: 999;
    float: right;
    width: 194px;
    margin-left: 0px;
}

#yordiv {
    margin-top: -9%;
    z-index: 999;
    float: right;
    width: 200px;
    margin-left: 68px;
}
#ordiv {
    margin-top: 0%;
    z-index: 999;
    float: right;
    width: 192px;
    margin-left: 0px;
}


#rdiv {
    margin-top: -4%;
    z-index: 999;
    float: right;
    width: 198px;
    margin-left: -46px;
}


 #r1div {
    margin-top: 0%;
    z-index: 999;
    float: right;
    width: 190px;
    margin-left: 0px;
}



 }




 @media(max-width:472px)
 {
	 .res_click_img {

    //width: 100%;
    height: 279px;

}
.res_click_319{
	  //width: 100%;
    height: 220px;
}
.res_click_270{  //width: 100%;
   height: 220px;
}
.res_click_160{	  //width: 100%;
   height: 220px;}
.res_click_140{	  //width: 100%;
   height: 220px;
}
.res_click_150{	  //width: 100%;
   height: 220px;
}
.res_click_180{  //width: 100%;
    height: 220px;
}
.res_click_300{	  //width: 100%;
   height: 220px;}
.res_click_200{	  //width: 100%;
   height: 220px;
}
.res_click_210{	  //width: 100%;
   height: 220px;
}
.res_click_205{
	  //width: 100%;
   height: 220px;
}
.res_click_265{	  //width: 100%;
   height: 220px;}
.res_click_250{
	  //width: 100%;
   height: 220px;
}
.res_click_175{  //width: 100%;
    height: 220px;
}

	 .coming_soon {
    width: 38%;
    height: 96px;
    margin: 0 0 10px 31px;
}



 }









 @media(max-width:470px)
 {


	 .co5 {
    max-width: 300px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 8px 67px 0 37px;
}

.co6 {
    max-width: 262px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 22px 29px 0 74px;
}


	 .on_gong_wrk1 {
    max-width: 295px;
    max-height: 188px;
    //width: auto;
    height: auto;
    margin: 11px 0 0 47px;
}

.on_gong_wrk2 {

    max-width: 290px;
    max-height: 173px;
    //width: auto;
    height: auto;
    margin: 13px 0 0 47px;

}

.on_gong_wrk4 {

    max-width: 136px;
    max-height: 102px;
    width: auto;
    height: auto;
    margin: -102px 0 0 207px;

}




 }









 @media(max-width:467px)
 {
	 .int1 {
    max-width: 306px;
    max-height: 204px;
    width: auto;
    height: auto;
    margin: 16px 0 0 30px;
}

	.int2 {
    max-width: 141px;
    max-height: 127px;
    width: auto;
    height: auto;
    margin: 14px 0 0 -120px;
}

.int2 {
    max-width: 300px;
    max-height: 242px;
    width: auto;
    height: auto;
    margin: 14px 0 0 31px;
}

.int3 {
    max-width: 132px;
    max-height: 278px;
    width: auto;
    height: auto;
    margin: -172px 0 0 205px;
}

.int5 {
    max-width: 153px;
    max-height: 136px;
    width: auto;
    height: auto;
    margin: -150px 0 0 -111px;
}

.int4 {
    max-width: 137px;
    max-height: 159px;
    width: auto;
    height: auto;
    margin: -29px 0 0 202px;
}
 }
 @media(max-width:466px)
 {
	 .rs3 {
    max-width: 218px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -398px 0 0 -21px;
}
	.rs2 {
    max-width: 259px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -94px 0px 0 -23px;
}
 }
 @media(max-width:465px)
 {
	 .asd {
		font-size: 32px;
	 }
.templatemo_portfoliotext p {
    color: #008aff;
    position: absolute;
    top: 0px;
    background: #0b0a0a;
    padding: 10px 69px;
}
 }
@media(max-width:460px)
 {

 #ibgdiv {
    margin-top: -2%;
    z-index: 999;
    float: right;
    width: 170px;
    margin-left: 0px;
}

#gyodiv {
    margin-top: 0%;
    z-index: 999;
    float: right;
    width: 170px;
    margin-left: 0px;
}

#yordiv {
    top: 67%;
    z-index: 999;
    float: right;
    width: 170px;
    margin-left: 66px;
}

#ordiv {
    top: 74%;
    z-index: 999;
    float: right;
    width: 170px;
    margin-left: 1px;
}

#rdiv {
    top: 84%;
    z-index: 999;
    float: right;
    width: 170px;
    margin-left: -47px;
}

 #r1div {
    top: 92%;
    z-index: 999;
    float: right;
    width: 170px;
    margin-left: 1px;
}

.rs2 {

    max-width: 99px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 218px 0 0 -327px;

}

.rs3 {

    max-width: 99px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -130px 0 0 15px;

}

.rs4 {

    max-width: 117px;
    max-height: 78px;
    width: auto;
    height: auto;
    margin: -173px 0 0 239px;

}
.rs5 {

    max-width: 186px;
    max-height: 155px;
    width: auto;
    height: auto;
    margin: -62px 0 0 -117px;

}

.rs6 {

    max-width: 133px;
    max-height: 203px;
    width: auto;
    height: auto;
    margin: -99px 0 0 230px;

}
 }
 @media screen and (-webkit-min-device-pixel-ratio:0) {


@media(max-width:460px)
 {

	 .rs2 {
    max-width: 213px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 80px 0 0 -241px;
}


	 .rs3 {
    max-width: 213px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 328px 0 0 -241px;
}
	 .rs1 {
    max-width: 257px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: -121px 0 117px -23px;
}
 }
 }
 @media(max-width:458px)
 {

	 .raindiv {
    width: 50%;
    margin-top: -24px;
    margin-left: -4px;
    //border: solid;
    text-align: center;
}




 }




 @media(max-width:455px)
 {

	 .rs1 {
    max-width: 307px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 24px 0 117px 13px;
}



 }






 @media screen and (-webkit-min-device-pixel-ratio:0) {

@media(max-width:455px)
 {

	.rs1 {
    max-width: 307px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: -231px 0 0 13px;
}

	.rs2 {
    max-width: 300px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -100px 0 0 9px;
}

 }

 }











 @media(max-width:448px)
 {

	 .wd {
    height: 50px !important;
    width: 50px !important;
}
	#ibgdiv {
    top: 48%;
    z-index: 999;
    float: right;
    width: 170px;
    margin-left: 3px;
}

#gyodiv {
    top: 56%;
    z-index: 999;
    float: right;
    width: 124px;
    margin-left: 3px;
}

#yordiv {
    top: 67%;
    z-index: 999;
    float: right;
    width: 128px;
    left: -12px;
}

#ordiv {
    top: 74%;
    z-index: 999;
    float: right;
    width: 124px;
    left: 52px;
}


#rdiv {
    top: 84%;
    z-index: 999;
    float: right;
    width: 126px;
    left: 99px;
}



 }



 @media(max-width:446px)
 {

	 .raindiv::before {

    width: 1px;
    height: 109px;
    content: "";
    background: #802f2f00;
    position: absolute;
    top: -89px;
    right: 62%;
    display: block;
    z-index: 9999;

}
	 .rs1 {

    max-width: 302px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 24px 0 117px 13px;

}



 }










 @media screen and (-webkit-min-device-pixel-ratio:0) {


@media(max-width:446px)
 {

	 .rs1 {
    max-width: 302px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 16px 0 117px 13px;
}








 }
 }




@media(max-width:440px)
 {








 }




 @media(max-width:432px)
 {










 }



@media(max-width:434px)
 {



.res_p{		width: 46%;
	top: 291px;	left: 36px;
} .rel_p{		width: 46%;
	top: 339px;	left: 36px;
} .apart_p{		width: 46%;
	top: 387px;	left: 36px;
} .insti_p{		width: 46%;
	top: 435px;	left: 36px;
} .sports_p{		width: 46%;
	top: 483px;	left: 36px;
}.interiors_p{		width: 46%;
	top: 531px;	left: 36px;
}.cul_p{		width: 46%;
	top: 579px;	left: 36px;
}
	 .templatemo_botgap {

      margin: 0px 23px 20px -32px;

}
	 .templatemo_portfoliotext p {

    color: #008aff;
    position: absolute;
    top: 0;
    background: #0b0a0a;
    padding: 11px 130px;
  left: 89px;
  width: 17px;

}
	 .templatemo_insideportfolio {
    background:#ffffff;
    width: 105%;
    margin-left: -8px;
}
 }
 @media(max-width:432px)
 {
   .gallery-item .overlay a {
       color: #ffffff;
       text-align: center;
       line-height: 32px;
       position: absolute;
       top: 170px;
       left: -27%;
       width: 345px;
       height: 196px;
       font-size: 24px;
   }
	 #ibgdiv {
    top: 47%;
    z-index: 999;
    float: right;
    width: 142px;
    left: 53px;
}



 }







@media(max-width:430px)
 {

	 .top_img {
    width: 60%;
}
	 #gyodiv {
    top: 56%;
    z-index: 999;
    float: right;
    width: 108px;
    left: 53px;
}


 }




 @media(max-width:428px)
 {

	 .d3_com {
    position: relative;
    height: 100px;
   // width: 100%;
    padding: 2px;
}


#r1div {
    top: 92%;
    z-index: 999;
    float: right;
    width: 157px;
    left: 52px;
}

 }



 @media(max-width:426px)
 {

	 .raindiv {
    width: 50%;
    margin-top: -26px;
    margin-left: 2px;
    //border: solid;
    text-align: center;
}

	 .rs2 {

    max-width: 150px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 218px 0 0 -305px;

}

.rs3 {

    max-width: 146px;
    max-height: 196px;
    width: auto;
    height: auto;
    margin: -118px 0 0 176px;

}

	.rs4 {

    max-width: 117px;
    max-height: 78px;
    width: auto;
    height: auto;
    margin: -173px 0 0 239px;
    display: none;

}


.rs5 {

    max-width: 296px;
    max-height: 155px;
    width: auto;
    height: auto;
    margin: -42px 0 0 26px;

}


	.rs6 {

    max-width: 287px;
    max-height: 203px;
    width: auto;
    height: auto;
    margin: 14px 0 0 34px;

}
	 .co5 {
    max-width: 298px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 8px 67px 0 36px;
}


.co6 {

    max-width: 262px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 22px 29px 0 58px;

}


 }




 @media(max-width:426px)
 {

	.rs1 {
    max-width: 302px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 27px 0 117px 4px;
}
	 .rs2 {
    max-width: 300px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -100px 0 0 9px;
}

.rs3 {
    max-width: 190px;
    max-height: 196px;
    width: auto;
    height: auto;
    margin: 18px 0 0 -24px;
}
 }
@media(max-width:421px)
 {
	 .re1 {
    max-width: 281px;
    max-height: 270px;
    width: auto;
    height: auto;
    margin: 38px 0 0 -8px;
}
.re1 {
    max-width: 281px;
    max-height: 270px;
    width: auto;
    height: auto;
    margin: 38px 0 0 -8px;
}

.re2 {
    max-width: 280px;
    max-height: 277px;
    width: auto;
    height: auto;
    margin: 24px 0 0 -7px;
}

.re3 {
    max-width: 143px;
    max-height: 188px;
    width: auto;
    height: auto;
    margin: 23px 0 0 1px;
}

.re4 {
    max-width: 140px;
    max-height: 188px;
    width: auto;
    height: auto;
    margin: 10px 9px 0 -110px;
}


 }




@media(max-width:421px)
 {

	 .co5 {
    max-width: 297px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 8px 67px 0 38px;
}

.co6 {
    max-width: 233px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 22px 29px 0 74px;
}
 }
@media(max-width:420px)
 {


	.wd {

    height: 45px !important;
    width: 45px !important;

}
#yordiv {
    top: 180%;
    z-index: 999;
    float: right;
    width: 100px;
}
#ordiv {
    top: 242%;
    z-index: 999;
    float: right;
    width: 104px;
    left: 58px;
}
#rdiv {
    top: 290%;
    z-index: 999;
    float: right;
    width: 100px;
    left: 106px;
}

	#vibdiv {

    z-index: 9999;
 width: 104px;
    left: 42%;
}


.rainbuttons {

    margin: 10px 20px 16px 14px;

}
#ibgdiv {
    top: 63%;
    z-index: 999;
    float: right;
    width: 104px;
    left: 56px;
}

#gyodiv {
    top: 107%;
    z-index: 999;
    float: right;
    width: 108px;
    left: 57px;
}

.raindiv {
    width: 50%;
    margin-top: -26px;
    margin-left: -12px;
    //border: solid;
    text-align: center;
}
.raindiv::before {

    width: 1px;
    height: 109px;
    content: "";
    background: #802f2f00;
    position: absolute;
    top: -89px;
    right: 47%;
    display: block;
    z-index: 9999;

}



 }





@media(max-width:418px)
 {


	 .rs1 {
    max-width: 285px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 24px 0 117px 13px;
}

#r1div {
    top: 333%;
    z-index: 999;
    float: right;
    width: 110px;
    left: 52px;
}
 }













@media(max-width:416px)
 {

.re2 {
    max-width: 95px;
    max-height: 277px;
    width: auto;
    height: auto;
    margin: 24px 0 0 124px;
}



	.re3 {
    max-width: 90px;
    max-height: 188px;
    width: auto;
    height: auto;
    margin: 23px 0 0 0px;
}



	.re4 {
    max-width: 171px;
    max-height: 167px;
    width: auto;
    height: auto;
    margin: 9px 9px 33px 135px;
}



	.re5 {
    max-width: 164px;
    max-height: 97px;
    width: auto;
    height: auto;
    margin: -18px 9px 0 131px;
}

.re1 {
    max-width: 213px;
    max-height: 270px;
    width: auto;
    height: auto;
    margin: 38px 0 0 72px;
}








 }




@media(max-width:414px)
 {



 }



@media(max-width:411px)
 {

	 .ins1 {

    max-width: 169px;
    max-height: 182px;
    width: auto;
    height: auto;
    margin: 5px 0 0 25px;

}


.ins2 {

    max-width: 169px;
    max-height: 182px;
    width: auto;
    height: auto;
    margin: 7px 0 0 25px;

}




 }



@media(max-width:410px)
 {

	 .re5 {
    max-width: 188px;
    max-height: 110px;
    width: auto;
    height: auto;
    margin: -18px 9px 0 119px;
}

	 .re4 {
    max-width: 187px;
    max-height: 167px;
    width: auto;
    height: auto;
    margin: 14px 9px 45px 121px;
}

	.re3 {
    max-width: 185px;
    max-height: 188px;
    width: auto;
    height: auto;
    margin: 23px 0 0 125px;
}

	.re2 {
    max-width: 210px;
    max-height: 277px;
    width: auto;
    height: auto;
    margin: 24px 0 0 71px;
}

 }


 @media screen and (-webkit-min-device-pixel-ratio:0) {

@media(max-width:408px)
 {

	 .spt1 {

    max-width: 178px;
    max-height: 300px;
    width: auto;
    height: auto;
    margin: 5px 0 35px 28px;
}
 }

 @media(max-width:406px)
 {
	 .prjct_h2 {
    position: absolute;
    top: 149px;
    color: white;
    left: 65px!important;
    font-size: 29px!important;
}
.ad_prj {
    width: 52%!important;
    margin: 51px 0 143px 17%!important;
}
 }
@media screen and (-webkit-min-device-pixel-ratio:0) {
 @media(max-width:403px)
 {
	 .rs2 {
    max-width: 285px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: -100px 0 0 9px;
}
.gallery-item .overlay a {
    color: #ffffff;
    text-align: center;
    line-height: 32px;
    position: absolute;
    top: 180px;
    left: -27%;
    width: 319px;
    height: 194px;
    font-size: 24px;
}
 }
 }
 @media(max-width:402px)
 {
 #ibgdiv {
    z-index: 999;
    float: right;
    width: 98px;
}
	#gyodiv {
    z-index: 999;
    float: right;
    width: 108px;
}
	#yordiv {
    z-index: 999;
    float: right;
    width: 98px;
}
	#ordiv {
    z-index: 999;
    float: right;
    width: 98px;
}

#rdiv {
    z-index: 999;
    float: right;
    width: 94px;
}
.d2_com {
    width: 23%;
    height: 83px;
    margin: 0 0 13px 19px;
}

.more_pic {
    font-size: 20px;
    text-decoration: none;
    color: #2264ea;
    text-shadow: 2px 2px 4px #000000;
    text-align: center;
    padding: 0px;
    margin: 0px -50px -17px 18px;
    text-shadow: 3px 2px 3px;
    text-decoration: underline;
}
}
@media(max-width:400px)
 {
	 .int4 {
    max-width: 137px;
    max-height: 159px;
    width: auto;
    height: auto;
    margin: -29px 0 0 181px;
}
.int3 {
    max-width: 132px;
    max-height: 278px;
    width: auto;
    height: auto;
    margin: -172px 0 0 183px;
}
.int1 {
    max-width: 306px;
    max-height: 204px;
    width: auto;
    height: auto;
    margin: 16px 0 0 17px;
}
	 .co5 {
    max-width: 261px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 8px 67px 0 50px;

}
	.co6 {

    max-width: 250px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 22px 29px 0 57px;

}

.re1 {
    max-width: 190px;
    max-height: 270px;
    width: auto;
    height: auto;
    margin: 38px 0 0 28px;
}

.re2 {
    max-width: 188px;
    max-height: 277px;
    width: auto;
    height: auto;
    margin: 24px 0 0 34px;
}

.re3 {
    max-width: 185px;
    max-height: 188px;
    width: auto;
    height: auto;
    margin: 23px 0 0 41px;
}
.re4 {
    max-width: 187px;
    max-height: 167px;
    width: auto;
    height: auto;
    margin: 14px 9px 45px 53px;
}
.re5 {
    max-width: 188px;
    max-height: 110px;
    width: auto;
    height: auto;
    margin: -18px 9px 0 56px;
}
 }
 @media(max-width:397px)
 {
   .templatemo_portfoliotext p {
     padding: 10px 37px;
 }
	 .co1 {

    max-width: 263px;
    max-height: 238px;
    width: auto;
    height: auto;
    margin: 36px 0 0 47px;

}


.int2 {

    max-width: 242px;
    max-height: 242px;
    width: auto;
    height: auto;
    margin: 14px 0 0 21px;

}

.int1 {

    max-width: 242px;
    max-height: 204px;
    width: auto;
    height: auto;
    margin: 16px 0 0 17px;

}

.spt1 {

    max-width: 173px;
    max-height: 227px;
    width: auto;
    height: auto;
    margin: 22px 0 0 30px;

}





	 .rs5 {

    max-width: 293px;
    max-height: 155px;
    width: auto;
    height: auto;
    margin: -42px 0 0 4px;

}


.rs6 {

    max-width: 287px;
    max-height: 203px;
    width: auto;
    height: auto;
    margin: 14px 0 0 8px;

}

.rs2 {

    max-width: 300px;
    max-height: 208px;
    width: auto;
    height: auto;

    margin: -100px 0 0 9px;
}
.rs3 {

    max-width: 138px;
    max-height: 196px;
    width: auto;
    height: auto;
    margin: -106px 0 0 176px;

}

.res_p{	 padding: 10px 20px;
} .rel_p{	padding: 10px 20px;
} .apart_p{	padding: 10px 20px;
} .insti_p{	padding: 10px 20px;
} .sports_p{	padding: 10px 20px;
}.interiors_p{	padding: 10px 20px;
}.cul_p{padding: 10px 20px;
	}
 }




@media screen and (-webkit-min-device-pixel-ratio:0) {

 @media(max-width:397px)
 {

	 .rs1 {
    max-width: 299px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 24px 0 117px 9px;
}
 }
 }
@media(max-width:394px)
 {
	 .rs1 {
    max-width: 256px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 24px 0 117px 13px;
}
 }
@media(max-width:392px)
{
  .templatemo_portfoliotext p {
    padding: 10px 26px;
}
	.rn4 {
    max-width: 205px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: 228px 0 0 -303px;
}
.rn2 {

    max-width: 225px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 230px 0 0 -239px;

}

	.rn3 {

    max-width: 210px;
    max-height: 207px;
    width: auto;
    height: auto;
    margin: -67px 0 81px -2px;

}


	.rn1 {

    max-width: 239px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: -75px 0 107px -4px;

}

.rn4 {

    max-width: 215px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: 226px 0 0 -209px;

}


}






@media screen and (-webkit-min-device-pixel-ratio:0) {


@media(max-width:392px)
{

	.rn1 {
    max-width: 208px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: -82px 0 107px 19px;
}

	.rn2 {
    max-width: 151px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 89px 0 0 -182px;
}

.rn4 {
    max-width: 165px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: 311px 0 -12px -163px;
}

.rs1 {
    max-width: 242px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 24px 0 117px -8px;
}
.re5 {
    max-width: 188px;
    max-height: 110px;
    width: auto;
    height: auto;
    margin: -18px 9px 0 56px;
    display: none;
}

.rs2 {
    max-width: 180px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 218px 0 0 -221px;
}


.rs3 {
    max-width: 171px;
    max-height: 196px;
    width: auto;
    height: auto;
    margin: 24px 0 0 27px;
}




}
}






 @media(max-width:391px)
 {
	.rs2 {

    max-width: 120px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 206px 0 0 -260px;

}

.rs3 {

    max-width: 114px;
    max-height: 196px;
    width: auto;
    height: auto;
    margin: -106px 0 0 153px;

}




 }


 @media screen and (-webkit-min-device-pixel-ratio:0) {

 @media(max-width:391px)
 {

	 .rs2 {
    max-width: 244px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 230px 0 0 -246px;
}


.rs3 {
    max-width: 171px;
    max-height: 196px;
    width: auto;
    height: auto;
    margin: 24px 0 0 27px;
}


 }




 }




 @media(max-width:388px)
 {

	 .coming_soon {
    width: 42%;
    height: 96px;
    margin: 0 0 10px 22px;
}
	 .ad_prj {
    width: 52% !important;
    margin: 51px 0 56px 17% !important;
}


.prjct_h2 {
    position: absolute;
    top: 157px!important;
    color: white!important;
    left: 65px !important;
    font-size: 17px !important;
}



 }







 @media(max-width:386px)
 {

	 .raindiv {
    width: 50%;
    margin-top: -26px;
    margin-left: -6px;
    //border: solid;
    text-align: center;
}

.on_gong_wrk1 {

    max-width: 235px;
    max-height: 188px;
    //width: auto;
    height: auto;
    margin: 11px 0 0 47px;

}

.on_gong_wrk2 {

    max-width: 230px;
    max-height: 134px;
    //width: auto;
    height: auto;
    margin: 13px 0 0 46px;

}

.on_gong_wrk4 {

    max-width: 227px;
    max-height: 161px;
    width: auto;
    height: auto;
    margin: 6px 0 0 44px;

}

.on_gng_wrk_ic {

    width: 37% !important;
    margin: -7px 0 0 0;
    position: absolute;

}





 }



 @media(max-width:383px)
 {


	 .rn4 {

    max-width: 216px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: -64px 0 0 0;

}

	.rn3 {

    max-width: 214px;
    max-height: 207px;
    width: auto;
    height: auto;
    margin: 18px 0 81px -2px;

}


 }


@media screen and (-webkit-min-device-pixel-ratio:0) {

@media(max-width:383px)
 {

	.rn1 {
    max-width: 208px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: -28px 0 107px 19px;
}

.rn2 {
    max-width: 210px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 155px 0 0 -211px;
}


 .rn4 {
    max-width: 216px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: 32px 0 0 50px;
}



 }
 }










@media(max-width:382px)
 {


   .gallery-item .overlay a {
       color: #ffffff;
       text-align: center;
       line-height: 32px;
       position: absolute;
       top: 194px;
       left: -35%;
       width: 319px;
       height: 194px;
       font-size: 24px;
   }
 }




@media(max-width:375px)
 {

	 #ibgdiv {
    z-index: 999;
    float: right;
    width: 94px;
    top: 49%;
    left: 48px;
}
	#gyodiv {
    z-index: 999;
    float: right;
    width: 108px;
    top: 57%;
    left: 48px;
}
	 #yordiv {
    z-index: 999;
    float: right;
    width: 98px;
    top: 68%;
    left: -16px;
}
	#ordiv {
    z-index: 999;
    float: right;
    width: 98px;
    top: 74%;
    left: 48px;
}
#rdiv {
    z-index: 999;
    float: right;
    width: 94px;
    top: 84%;
    left: 95px;
}
#r1div {
    top: 92%;
    z-index: 999;
    float: right;
    width: 90px;
    left: 52px;
}

	 .ased {
    //display: none;
    border-radius: 10px;
    margin-top: 85%;
    height: 200px;
    // width: 300px;
    margin-left: 0;
    background-position-y: -120px;
}

	 .sig_log {
    width: 291px;
    transform: rotate(90deg);
    margin: 10px 0 0 -148px;
}
	.rainbuttons {
    border-color: transparent;
    width: 88%;
    margin: 10px 20px 16px 0;
    transform: rotate(90deg);
    height: 36px;
    z-index: 999;
}




 }


 @media(max-width:373px)
 {

	 #ibgdiv {
    z-index: 999;
    float: right;
    width: 57px;
}

	 #gyodiv {
    z-index: 999;
    float: right;
    width:  57px;
}

#yordiv {
    z-index: 999;
    float: right;
   width:  57px;
}

#ordiv {
    z-index: 999;
    float: right;
    width:  57px;
}


#rdiv {
    z-index: 999;
    float: right;
    width:  57px;
}






 }



@media(max-width:372px)
 {


 }











@media(max-width:370px)
 {

	 .rainbuttons {

    border-color: transparent;
    width: 88%;
    margin: 20px 20px 16px 0;
    transform: rotate(90deg);
    height: 36px;
    z-index: 999;

}

.raindiv::before {

    width: 1px;
    height: 109px;
    content: "";
    background: #802f2f00;
    position: absolute;
    top: -89px;
    right: 51%;
    display: block;
    z-index: 9999;
}
 }
 @media(max-width:368px)
 {

	 .raindiv {
    width: 50%;
    margin-top: -16px;
    margin-left: -2px;
    //border: solid;
    text-align: center;
}
	 .int7 {

    max-width: 76px;
    max-height: 67px;
    width: auto;
    height: auto;
    margin: 86px 0 0 -94px;

}


.co2 {

    max-width: 102px;
    max-height: 181px;
    width: auto;
    height: auto;
    margin: -84px -19px 0 23px;

}

.co3 {

    max-width: 113px;
    max-height: 181px;
    width: auto;
    height: auto;
    margin: 123px 0 0 -194px;

}

.co4 {

    max-width: 104px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: -89px 0 0 179px;

}


.co5 {

    max-width: 261px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 8px 67px 0 49px;

}

.co6 {

    max-width: 207px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 22px 29px 0 68px;

}



 }




 @media(max-width:365px)
 {
   .gallery-item .overlay a {
       color: #ffffff;
       text-align: center;
       line-height: 32px;
       position: absolute;
       top: 199px;
       left: -37%;
       width: 285px;
       height: 176px;
       font-size: 24px;
   }
 }










@media(max-width:363px)
 {



 }













 @media(max-width:358px)
 {



.res_p{		width: 71%;
	top: 261px;	left: 0px;
} .rel_p{		width: 71%;
	top: 309px;	left: 0px;
} .apart_p{		width: 71%;
	top: 357px;	left: 0px;
} .insti_p{		width: 71%;
	top: 405px;	left: 0px;
} .sports_p{		width: 71%;
	top: 453px;	left: 0px;
}.interiors_p{		width: 71%;
	top: 501px;	left: 0px;
}.cul_p{		width: 71%;
	top: 549px;	left: 0px;
}

	  .templatemo_insideportfolio {
      width: 238px;
height: 597px;
margin-left: -3px;
	 }
	 .templatemo_portfoliotext p {
    color: #008aff;
    position: absolute;
    top: 0;
    background: #0b0a0a;
		padding: 10px 106px;
		    left: 62px;
		    width: 57%;
}



	.templatemo_insideportfolio h2 {

		margin: 20px 0 0 25px;
    color: #0c0c0c;
    font-size: 183px;

}




 }

/*
 @media (min-width: 991px){
 .templatemo_insideportfolio {
     height: 597px;
     width: 179px;
 }
} */

 @media (max-width:356px)
 {

	 .asd {
    font-size: 25px;
}

	.int2 {

    max-width: 244px;
    max-height: 156px;
    width: auto;
    height: auto;
    margin: 16px 0 0 16px;

}
	.int3 {

    max-width: 115px;
    max-height: 286px;
    width: auto;
    height: auto;
    margin: -148px 0 0 163px;

}

.int5 {

    max-width: 126px;
    max-height: 109px;
    width: auto;
    height: auto;
    margin: -165px 0 0 -102px;

}

.int4 {

    max-width: 127px;
    max-height: 159px;
    width: auto;
    height: auto;
    margin: -31px 0 0 156px;

}





 }


@media(max-width:354px)
 {
	.res_click_319{
	  //width: 100%;
    height: 200px;
}
.res_click_270{  //width: 100%;
   height: 200px;
}
.res_click_160{	  //width: 100%;
   height: 200px;}
.res_click_140{	  //width: 100%;
   height: 200px;
}
.res_click_150{	  //width: 100%;
   height: 200px;
}
.res_click_180{  //width: 100%;
    height: 200px;
}
.res_click_300{	  //width: 100%;
   height: 200px;}
.res_click_200{	  //width: 100%;
   height: 200px;
}
.res_click_210{	  //width: 100%;
   height: 200px;
}
.res_click_205{
	  //width: 100%;
   height: 200px;
}
.res_click_265{	  //width: 100%;
   height: 200px;}
.res_click_250{
	  //width: 100%;
   height: 200px;
}
.res_click_175{  //width: 100%;
    height: 200px;
}

	 .coming_soon {
    width: 46%;
    height: 96px;
    margin: 0 0 10px 9px;
}


	.rs1 {
    max-width: 197px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 24px 0 117px 13px;
}

	 .rs2 {
    max-width: 192px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 155px 0 0 -198px;
}

	.rs3 {
    max-width: 184px;
    max-height: 196px;
    width: auto;
    height: auto;
    margin: 19px 0 0 17px;
}

	.rs5 {
    max-width: 216px;
    max-height: 155px;
    width: auto;
    height: auto;
    margin: -21px 0 0 4px;
}

.rs6 {
    max-width: 209px;
    max-height: 203px;
    width: auto;
    height: auto;
    margin: 14px 0 0 8px;
}





 }




@media(max-width:351px)
 {




 }










 @media(max-width:343px)
 {
   .gallery-item .overlay a {
       color: #ffffff;
       text-align: center;
       line-height: 32px;
       position: absolute;
       top: 214px;
       left: -37%;
       width: 259px;
       height: 161px;
       font-size: 24px;
   }


 }











 @media(max-width:340px)
 {


	 .d2_com {
    width: 32%;
    height: 87px;
    margin: 0 0 13px 19px;
}


 }






 @media(max-width:338px)
 {


	 .d1_ins {

    width: 67%;
    margin: 0 0 19px 32px;

}
	.d2_ins {

    width: 61%;
    margin: 0 0 0 50px;

}


 }




@media(max-width:335px)
 {

	.co1 {

    max-width: 219px;
    max-height: 238px;
    width: auto;
    height: auto;
    margin: 36px 0 0 47px;

}
	 .co5 {

    max-width: 217px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 8px 67px 0 49px;

}
	.on_gng_wrk_ic {

    width: 23% !important;
    margin: -7px 0 0 0;
    position: absolute;

}

 }



@media(max-width:331px)
 {


 }




 @media screen and (-webkit-min-device-pixel-ratio:0)
 {

@media(max-width:330px)
 {

	 .top_img {
    width: 52%;
}

	 .co5 {
    max-width: 211px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 8px 67px 0 47px;
}


.co6 {
    max-width: 207px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 22px 29px 0 49px;
}






 }
 }

 @-moz-document url-prefix(){


 @media(max-width:330px)
 {

	 .top_img {
    width: 52%;
}

	 .co5 {
    max-width: 211px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 8px 67px 0 47px;
}


.co6 {
    max-width: 207px;
    max-height: 184px;
    width: auto;
    height: auto;
    margin: 22px 29px 0 49px;
}






 }


 }




 @media(max-width:328px)
 {






 }









@media(max-width:326px)
 {

	 .coming_soon {
    width: 48%;
    height: 96px;
    margin: 0 0 10px 3px;
}


 }







@media(max-width:321px)
 {

	 #ibgdiv {
    z-index: 999;
    float: right;
    width: 57px;
}
	 #gyodiv {
    z-index: 999;
    float: right;
    width: 57px;
}

	 #yordiv {
    z-index: 999;
    float: right;
    width: 57px;
}

	#ordiv {
    z-index: 999;
    float: right;
    width: 57px;
}
	 #rdiv {
    z-index: 999;
    float: right;
    width: 57px;
}


	 .rs6 {

    max-width: 241px;
    max-height: 203px;
    width: auto;
    height: auto;
    margin: 8px 0 0 23px;

}
	.rs5 {

    max-width: 244px;
    max-height: 155px;
    width: auto;
    height: auto;
    margin: 7px 0 0 22px;

}
	.rs4 {

    max-width: 248px;
    max-height: 128px;
    width: auto;
    height: auto;
    margin: 11px 0 0 18px;

}



.rs3 {

    max-width: 251px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 14px 0 0 18px;

}

.rs2 {

    max-width: 251px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 10px 0 0 15px;

}

 .rs1 {

    max-width: 255px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 40px 0 0 16px;

}


.rn1 {

    max-width: 303px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 15px 0 0 0px;

}


.rn2 {

    max-width: 290px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 55px 0 0 0px;

}

.co4 {

    max-width: 104px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: -87px 0 0 162px;

}





 }











 @media screen and (-webkit-min-device-pixel-ratio:0)
 {

@media(max-width:321px)
 {


	.rn1 {
    max-width: 191px;
    max-height: 214px;
    width: auto;
    height: auto;
    margin: 41px 0 0 0px;
}
.rn2 {
    max-width: 184px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 12px 0 0 0px;
}

.rn4 {
    max-width: 190px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: 27px 0 0 -3px;
}

.rs1 {
    max-width: 211px;
    max-height: 280px;
    width: auto;
    height: auto;
    margin: 40px 0 0 16px;
}
.rs2 {
    max-width: 208px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 10px 0 0 15px;
}


.rs3 {
    max-width: 210px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 14px 0 0 18px;
}


 }

 }




@media screen and (-webkit-min-device-pixel-ratio:0)
 {

@media(max-width:320px)
 {

	 .d3_ins {
    position: relative;
    height: 146px;
    width: 100%;
    padding: 8px 0;
    margin: 0 0 0 0;
}
	 .d3_1 {

    width: 100%;
    height: 112px;

}
	 .raindiv {
    width: 50%;
    margin-top: -19px;
    margin-left: 3px;
    //border: solid;
    text-align: center;
}


	 .rainbuttons {

    border-color: transparent;
    width: 88%;
    margin: 13px 20px 16px 0;
    transform: rotate(90deg);
    height: 36px;
    z-index: 999;

}
	.raindiv::before {

    width: 1px;
    height: 109px;
    content: "";
    background: #0f0e0e;
    position: absolute;
    top: -89px;
    right: 60%;
    display: block;
    z-index: 9999;

}
	 /#feature img:hover {
    transform: scale(1.5);
    // opacity: 0.4;
    width: 67%;
    height: 161px;
    z-index: 999;
    margin: 0 32px;
}

	.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 44px;
    margin-top: -172px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}


.re1 {
    max-width: 189px;
    max-height: 270px;
    width: auto;
    height: auto;
    margin: 38px 0 0 9px;
}

.re2 {

    max-width: 188px;
    max-height: 277px;
    width: auto;
    height: auto;
    margin: 24px 0 0 17px;

}


.re3 {

    max-width: 185px;
    max-height: 188px;
    width: auto;
    height: auto;
    margin: 23px 0 0 25px;

}

.re4 {

    max-width: 187px;
    max-height: 167px;
    width: auto;
    height: auto;
    margin: 14px 9px 45px 40px;

}

.re5 {

    max-width: 188px;
    max-height: 110px;
    width: auto;
    height: auto;
    margin: -18px 9px 0 47px;

}

.rn1 {
    max-width: 209px;
    max-height: 225px;
    width: auto;
    height: auto;
    margin: 15px 0 0 18px;
}
 .rn2 {
    max-width: 209px;
    max-height: 152px;
    width: auto;
    height: auto;
    margin: 19px 0 0 17px;
}
.rn3 {
    max-width: 205px;
    max-height: 156px;
    width: auto;
    height: auto;
    margin: 18px 0 81px 19px;
}

.rn4 {

    max-width: 198px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: -64px 0 0 25px;

}
.spt1 {

    max-width: 204px;
    max-height: 227px;
    width: auto;
    height: auto;
    margin: 22px 0 0 1px;

}



.rs5 {
    max-width: 244px;
    max-height: 155px;
    width: auto;
    height: auto;
    margin: -27px 0 0 22px;
}


.rs7 {

    max-width: 238px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 14px 0 0 25px;

}
	.rs6 {

    max-width: 241px;
    max-height: 203px;
    width: auto;
    height: auto;
    margin: 20px 0 0 26px;

}


.int3 {

    max-width: 115px;
    max-height: 286px;
    width: auto;
    height: auto;
    margin: -148px 0 0 143px;

}

.int4 {
    max-width: 117px;
    max-height: 159px;
    width: auto;
    height: auto;
    margin: -29px 0 0 143px;
}


.int5 {
    max-width: 126px;
    max-height: 109px;
    width: auto;
    height: auto;
    margin: -135px 0 0 -102px;
}

.co3 {
    max-width: 113px;
    max-height: 181px;
    width: auto;
    height: auto;
    margin: 123px 0 0 -273px;
	border:solid 1px red;
}


.rn4 {
    max-width: 198px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: 19px 0 0 25px;
}

 }
 }


@media(max-width:320px)
 {


	 .on_gng_wrk_ic {

    width: 24% !important;
    margin: 1px 0 0 0;
    position: absolute;

}






	 .d3_ins {
    position: relative;
    height: 146px;
    width: 100%;
    padding: 8px 0;
    margin: 0 0 0 0;
}
	 .d3_1 {

    width: 100%;
    height: 112px;

}
	 .raindiv {
    width: 50%;
    margin-top: -19px;
    margin-left: 3px;
    //border: solid;
    text-align: center;
}


	 .rainbuttons {

    border-color: transparent;
    width: 88%;
    margin: 13px 20px 16px 0;
    transform: rotate(90deg);
    height: 36px;
    z-index: 999;

}
	.raindiv::before {

    width: 1px;
    height: 109px;
    content: "";
    background: #0f0e0e;
    position: absolute;
    top: -89px;
    right: 60%;
    display: block;
    z-index: 9999;

}
	 /#feature img:hover {
    transform: scale(1.5);
    // opacity: 0.4;
    width: 67%;
    height: 161px;
    z-index: 999;
    margin: 0 32px;
}

	.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 44px;
    margin-top: -32px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}


.re1 {
    max-width: 189px;
    max-height: 270px;
    width: auto;
    height: auto;
    margin: 38px 0 0 9px;
}

.re2 {

    max-width: 188px;
    max-height: 277px;
    width: auto;
    height: auto;
    margin: 24px 0 0 17px;

}


.re3 {

    max-width: 185px;
    max-height: 188px;
    width: auto;
    height: auto;
    margin: 23px 0 0 25px;

}

.re4 {

    max-width: 187px;
    max-height: 167px;
    width: auto;
    height: auto;
    margin: 14px 9px 45px 40px;

}

.re5 {

    max-width: 188px;
    max-height: 110px;
    width: auto;
    height: auto;
    margin: -18px 9px 0 47px;

}

.rn1 {
    max-width: 209px;
    max-height: 225px;
    width: auto;
    height: auto;
    margin: 15px 0 0 18px;
}
 .rn2 {
    max-width: 209px;
    max-height: 152px;
    width: auto;
    height: auto;
    margin: 19px 0 0 17px;
}
.rn3 {
    max-width: 205px;
    max-height: 156px;
    width: auto;
    height: auto;
    margin: 18px 0 81px 19px;
}

.rn4 {

    max-width: 198px;
    max-height: 185px;
    width: auto;
    height: auto;
    margin: 25px 0 0 25px;

}
.spt1 {

    max-width: 204px;
    max-height: 227px;
    width: auto;
    height: auto;
    margin: 22px 0 0 1px;

}



.rs5 {
    max-width: 244px;
    max-height: 155px;
    width: auto;
    height: auto;
    margin: -27px 0 0 22px;
}


.rs7 {

    max-width: 238px;
    max-height: 208px;
    width: auto;
    height: auto;
    margin: 14px 0 0 25px;

}
	.rs6 {

    max-width: 241px;
    max-height: 203px;
    width: auto;
    height: auto;
    margin: 20px 0 0 26px;

}


.int3 {

    max-width: 115px;
    max-height: 286px;
    width: auto;
    height: auto;
    margin: -148px 0 0 143px;

}

.int4 {
    max-width: 117px;
    max-height: 159px;
    width: auto;
    height: auto;
    margin: -29px 0 0 143px;
}


.int5 {
    max-width: 126px;
    max-height: 109px;
    width: auto;
    height: auto;
    margin: -135px 0 0 -102px;
}

.co3 {
    max-width: 113px;
    max-height: 181px;
    width: auto;
    height: auto;
    /*! margin: 123px 0 0 -273px; */
	/*! border:solid 1px red; */
}



 }



@media(max-width:310px)
 {

	 .sigheading1 {
    font-size: 9px;
}


 }








 @media(max-width:309px)
 {
	 .ext_out {
    width: 32%;
    margin: 0 0 0 176px;
    cursor: pointer;
}
	 .d2_v {
    width: 73%;
    height: 187px;
    margin: 45px 0px 0 22px;
}

.d1_v {
    width: 58%;
    margin: 0px 0 0 0px;
}






 }



@media(max-width:304px)
 {


	 .sig_log_other {
    width: 57%;
    margin: 121px 0 0 81px;
}

	 .templatemo_insideportfolio h2 {
    margin: 21px 0 0 0px;
    color: #0c0c0c;
    font-size: 13px;
}





 }





 @media (max-width:520px){
 .templatemo_insideportfolio h2 {
     margin: 21px 51px -250px 107px;
}

}

 @media (max-width:440px){
 .templatemo_insideportfolio h2 {
     /* margin: 27px 6px 0 33px; */
  margin: 21px 51px -250px 76px;
}
.templatemo_portfoliotext p {
padding: 10px 42px;}
.res_p{padding: 10px 25px;}
.rel_p{padding: 10px 25px;}
.apart_p{padding: 10px 25px;}
.insti_p{padding: 10px 25px;}
.sports_p{padding: 10px 25px;}
.interiors_p{padding: 10px 25px;}
.cul_p{padding: 10px 25px;}
}
@media (max-width:360px){
.templatemo_insideportfolio h2 {
		/* margin: 27px 6px 0 33px; */
 margin: 21px 51px -250px 28px;
}

}

@media(max-width:288px)
 {
	 .raindiv {
    width: 50%;
    margin-top: -23px;
    margin-left: 5px;
    //border: solid;
    text-align: center;
}



 }




 @media(max-width:280px)
 {

	#ibgdiv {
    margin-top: 393%;
    z-index: 999;
    float: right;
    width: 57px;
    margin-left: 42px;
}

#gyodiv {
    margin-top: 460%;
    z-index: 999;
    float: right;
    width: 57px;
    margin-left: 39px;
}

#yordiv {

    margin-top: 534%;
    z-index: 999;
    float: right;
    width: 57px;
    margin-left: 42px;

}

#ordiv {

    margin-top: 597%;
    z-index: 999;
    float: right;
    width: 57px;
    margin-left: 45px;

}

#rdiv {

    margin-top: 667%;
    z-index: 999;
    float: right;
    width: 57px;
    margin-left: 45px;

}
.d1_com {
    width: 78%;
    height: 204px;
    margin: 0 0 0 28px;
}


.d3_com {
    width: 51%;
   // height: 176px;
    margin: 23px 0 0 73px;
}



.d2_com {

    width: 39%;
    height: 88px;
    margin: 0 0 13px 0;

}


#vibdiv {
    margin: 282px 0 0 48%;
    z-index: 9999;
    width: 104px;
}
 }
.bt{
	border-radius: 27px;width: 43px;background: white;color: yellow;
}



@media (min-width:984px) {
  .prjct_img2:hover
{      background-color: rgba(253, 255, 0, 0.8)!important;
/*height:1000px !important;*/

	 /*background: rgba(0, 0, 0, 0.8)!important;*/
color: rgb(255, 255, 255); 



}

.prjct_img6:hover
{      background-color:rgba(255, 255, 255, 0.8)!important;
    /*height: 1000px !important;*/
	 /*background: rgba(0, 0, 0, 0.8)!important;*/
    /*! color: rgb(255, 255, 255); */
}





}


@media (min-width:600px) {
  .prjct_img2:hover
{      background-color: rgba(253, 255, 0, 0.8)!important;
height:0px;

	 /*background: rgba(0, 0, 0, 0.8)!important;*/
color: rgb(255, 255, 255); 



}
.prjct_img6:hover
{      background-color:rgba(255, 255, 255, 0.8)!important;
    height: 0px;
	 /*background: rgba(0, 0, 0, 0.8)!important;*/
    /*! color: rgb(255, 255, 255); */
}





}
@media (min-width:487px) {
  .prjct_img2:hover
{      background-color: rgba(253, 255, 0, 0.8)!important;
height:0px;

	 /*background: rgba(0, 0, 0, 0.8)!important;*/
color: rgb(255, 255, 255); 



}

.prjct_img6:hover
{      background-color:rgba(255, 255, 255, 0.8)!important;
    height: 0px;
	 /*background: rgba(0, 0, 0, 0.8)!important;*/
    /*! color: rgb(255, 255, 255); */
}



}
@media (min-width:400px) {
  .prjct_img2:hover
{      background-color: rgba(253, 255, 0, 0.8)!important;
height:0px;

	 /*background: rgba(0, 0, 0, 0.8)!important;*/
color: rgb(255, 255, 255); 



}
.prjct_img6:hover
{      background-color:rgba(255, 255, 255, 0.8)!important;
    height: 0px;
	 /*background: rgba(0, 0, 0, 0.8)!important;*/
    /*! color: rgb(255, 255, 255); */
}
}