@charset "utf-8";
@font-face {font-family:'Aparajita'; src:url('../Fonts/aparaj.ttf') format('truetype');}
@font-face {font-family:'TitilliumWeb-Regular'; src:url('../Fonts/TitilliumWeb-Regular.ttf') format('truetype');}

@media only screen and (max-width: 1500px) {
	 .logo {width: 10%; padding: 0px;} .top { width: 90%; padding: 0px;} 
	  .contact { padding: 14px; float: left; font-size: 7px; width: 36%;padding-top: 15px;}
	  
	.design { padding: 0px;  width: 33%; } .develope { padding: 0px; width: 33%; } .marketing{ padding: 0px; width: 33%; }
	.model1 {width: 50%; text-align: center; } .img1 { width: 50%; padding: 0px;} .img2 { width: 50%; padding: 0px;} .img3 { width: 50%; }
	.house1 { text-align: center; } .img4 { width: 50%; padding: 0px;} .img5 { width: 50%; padding: 0px;} 
	.con1 { text-align: center; } .photo1 { width: 50%; padding: 0px;} .photo2 { width: 50%; padding: 0px;}
    .con2 {width: 50%; text-align: center; } .photo3 { width: 50%; padding: 0px;} .photo4 { width: 50%; padding: 0px;} .photo5 { width: 50%; }
	.mid1{width:64%;}
	.mid2{width:63%;}
	.mid3{width:36%;}
}
@media only screen and (max-width: 1350px) {
	
	.design { padding: 0px;  width: 33%; } .develope { padding: 0px; width: 33%; } .marketing{ padding: 0px; width: 33%; }
	.model1 {width: 50%; text-align: center; } .img1 { width: 50%; padding: 0px;} .img2 { width: 50%; padding: 0px;} .img3 { width: 50%; }
	.house1 { text-align: center; } .img4 { width: 50%; padding: 0px;} .img5 { width: 50%; padding: 0px;} 
	.con1 { text-align: center; } .photo1 { width: 50%; padding: 0px;} .photo2 { width: 50%; padding: 0px;}
    .con2 {width: 50%; text-align: center; } .photo3 { width: 50%; padding: 0px;} .photo4 { width: 50%; padding: 0px;} .photo5 { width: 50%; }
	.contact { padding:0px;} 
	.mid1{width:64%;}
	.mid2{width:63%;}
	.mid3{width:36%;}
}
@media screen and (max-width: 1150px)
 {
	  .logo {width: 10%; padding: 0px;} .top { width: 90%; padding: 0px;} 
	  .contact { padding: 14px; float: left; font-size: 7px; width: 35%;  padding-top: 15px;}
	  .hot1 { float:left; padding:0px;padding-top: 10px;}   .hot3 { float:left; padding:0px;padding-top: 10px;}
	  .about p { padding:0px; } .design { padding-left: 0px; width: 33%; } .design p{ padding:0px; }
	  .develope { padding-left: 0px; width: 33%; } .develope p{ padding:0px; }  .marketing { padding-left: 0px; width: 33%; } .marketing p{ padding:0px; }
	  .model { width: 100%; }
	  .mod1 { width: 25%; padding-left: 0px; text-align: center; } .mod1 img { width:100%; } .mod2 { width: 25%; padding-left: 0px; text-align: center; } .mod2 img { width:100%; } 
	  .mod3 { width: 25%; padding-left: 0px; text-align: center; } .mod3 img { width:100%; } .mod4 { width: 25%; padding-left: 0px; text-align: center; } .mod4 img { width:100%; }
	  .house { width:100%; } .house p {  padding: 0px; } .model1 { width: 100%; } .house1 { width: 100%; } .content { width: 100%; }
	  .img1 { width: 32%; padding-left: 0px; text-align: center; } .img2 { width: 32%; padding-left: 0px; text-align: center; } .img3 { width: 32%; padding-left: 0px; text-align: center; }
	  .img4 { width: 50%; padding-left: 0px; text-align: center; } .img5 { width: 50%; padding-left: 0px; text-align: center; }
	  .con1 { width: 100%; } .photo1 { width: 50%; padding-left: 0px; text-align: center; } .photo2 { width: 50%; padding-left: 0px; text-align: center; }
	  .con2 { width: 100%; } .photo3 { padding-left: 0px; width: 33%; text-align: center; }  .photo4 { width: 33%; text-align: center; padding-left: 0px; }
	  .photo5 { width: 33%; text-align: center; padding-left: 0px; padding-top: 10px; }
	  .smart1 { width: 100%; } .s1 { width: 25%; padding-left: 0px; text-align: center; }  .s1 img{ width:100% } .s2 { width: 25%; padding-left: 0px; text-align: center; }  .s2 img{ width:100% }
	  .s3 { width: 25%; padding-left: 0px; text-align: center; }  .s3 img{ width:100% } .s4 { width: 25%; padding-left: 0px; text-align: center; }  .s4 img{ width:100% }
	  .smart2 { width:100%; } .smart2 p {  padding: 0px; } .para { width: 100%; padding: 0px; } .p2 { width: 87%; padding-left: 0px; font-size: 20px; } .p2 p { word-spacing:0px; }
	  .f1 { width: 25%; padding-left: 0px; text-align: center; } .f1 img {width:100% } .f2 { width: 25%; padding-left: 0px; text-align: center; } .f2 img {width:100% }
    .f3 { width: 25%; padding-left: 0px; text-align: center;  } .f3 img {width:100% } .f4 { width: 25%; padding-left: 0px; text-align: center; } .f4 img {width:100% }
	.fp1 { width: 33%; text-align: center; padding-left: 0px; } .fp2 { width: 33%; text-align: center; padding-left: 0px; } .fp3 { width: 33%; text-align: center; padding-left: 0px; }
	.mid1{width:64%;}
	.mid2{width:63%;}
	.mid3{width:36%;}
	
.collct {width: 97%;float: left;padding-left: 0%;padding-top: 2%;padding-bottom: 2%;}

.i1{float:left;width:30%;}
.i2{float:left;width:30%;}
.i3{float:left;width:30%;}
.i4{float:left;width:30%;padding-top: 1%;}
.i5{float:left;width:30%;padding-top: 1%;}

.banner1 { width:100%; margin:0px; padding-top:50px; overflow:hidden; }


 }

@media screen and (max-width: 980px){
	.design { padding: 0px;  width: 33%; } .develope { padding: 0px; width: 33%; } .marketing{ padding: 0px; width: 33%; }
	.contact { width: 100%; padding: 0px; text-align: center; font-size: 15px; }
	.hot1 { width: 40%;  padding: 0px;} 	.hot2 { width: 20%;  padding: 0px;} 	.hot3 { width: 40%;  padding: 0px;}
	.banner1 { width:100%; margin:0px; padding-top:150px; overflow:hidden; }
}
@media screen and (max-width: 840px)
 {
	.contact { width: 100%; padding: 0px; text-align: center; font-size: 8px; }
	.hot1 { width: 40%;  padding: 0px;} 	.hot2 { width: 20%;  padding: 0px;} 	.hot3 { width: 40%;  padding: 0px;}
	
.about h1{ text-align: center; padding-top:20px; font-size: 30px; letter-spacing: 0px; color: rgb(217, 99, 55); }
.about p {
	color: rgb(0,0,0);
	padding: 0px 10px;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
}
.about1 { float: left; width: 100%; padding: 0px 0px;  text-align: center;}

 
}

@media only screen and (max-width: 800px)  {

}

@media only screen and (max-width: 780px)  {
	.logo { padding-top: 25px; width:15%; } .top{width:85%;} .contact { width: 90%; padding: 0px; float: left; text-align: center; }
	.hot1 { width: 40%; float: left; padding: 0px;} .hot2 { width: 20%; padding: 0px; font-size: 20px; } .hot3 { width: 40%; padding: 0px;}
	.about p { padding: 0px; text-align: justify; } .design { width: 50%; padding-left: 0px;} .design p { text-align:center; } 

	.mod3 { width: 50%; padding-left: 0px; text-align: center; }  .mod4 { width: 50%; padding-left: 0px; text-align: center; }
	.house { width:100%; } .house p { text-align: justify; padding: 0px; }
	.model1 { width: 100%; }  .img1 { padding-left: 0px; width: 30%;  text-align: center; } .img1 img { width:100%; }
	.img2 { padding-left: 28px; width: 30%; text-align: center; } .img2 img { width:100%; } .img3 {     width: 30%; text-align: center; padding-top: 0px; padding-left: 28px; } .img3 img { width:100%; }
	.house1{ width: 100%; } .img4 { width: 50%; text-align: center; padding-left: 0px; } .img5 { width: 50%; text-align: center; padding-left: 0px; }
	.content { width: 100%; } .content p { text-align:justify; }
	.con1 { width: 100%; padding-bottom: 0px; } .photo1 { width: 50%; padding-left: 0px; text-align: center; } .photo2 { width: 50%; padding-left: 0px; text-align: center; }
	.con2 { width: 100%; } .photo3 { padding-left: 0px; width: 30%; text-align: center; } .photo3 img { width:100%; } .photo4 { width: 30%; text-align: center; padding-left: 28px; padding-top: 0px; }
	.photo4 img { width:100%; } .photo5 { width: 30%; text-align: center; padding-left: 28px; padding-top: 0px; } .photo5 img { width:100%; }
	.smart1 { width: 100%; } .s1 { width: 50%; padding-left: 0px; text-align: center; } .s1 img{ width:initial; } .s2 { width: 50%; padding-left: 0px; text-align: center; }  .s2 img{ width:100% }
	.s3 { width: 50%; padding-left: 0px; text-align: center; } .s1 img{ width:initial; } .s4 { width: 50%; padding-left: 0px; text-align: center; } .s1 img{ width:initial; }
	.smart2 { width:100%; } .smart2 p { text-align: justify; padding: 0px; }
	.para { width: 100%; padding-left: 0px; } .p2 { width: 78%; text-align: justify; padding-left: 42px; }
	.f1 { width: 100%; padding-left: 0px; text-align: center; } .f1 img {width:initial;} .f2 { width: 100%; padding-left: 0px; text-align: center; padding-top: 3%; } .f2 img {width:initial;}
    .f3 { width: 100%; padding-left: 0px; text-align: center; padding-top: 3%; } .f3 img {width:initial;} .f4 { width: 100%; padding-left: 0px; text-align: center; padding-top: 3%; }
	.f4 img {width:initial;} 	.fp1 {width: 32%; padding-left: 0px; }  .fp2 {width: 32%; padding-left:10px; }  .fp3 {width: 32%; padding-left: 10px; } 
	.ff1 {padding-left: 0px;} .ff2 {padding-right: 0px;}
	
	.work { width:100%; padding-left:0%; }
	.items {float:left;} .it1 { width:25%;} .it2 { width:25%;} .it3 { width:25%;} .it4 { width:25%;} .it5 { width:50%;}  .it6 { width:50%;} 
	
	.pro {  width:100%; } .pro1 {  width:50%; } .pro2 {  width:50%; } .pro3 {  width:50%; } .pro4 {  width:50%; }
	
	.enqr {padding-top: 6%;width: 100%;float: right;}
	
	.gal1{float:left; width:35%; } 
.gal2{float:left; width:32%; } 
.gal3{float:left; width:30%; } 
.gal4{float:left; width:35%; } 
.gal5{float:left; width:30%; } 
.addr {width: 100%;}

.i1{float:left;width:40%;}
.i2{float:left;width:40%;}
.i3{float:left;width:40%;padding-top: 1%;}
.i4{float:left;width:40%;padding-top: 1%;}
.i5{float:left;width:40%;padding-top: 1%;}
.banner1 { width:100%; margin:0px; padding-top:80px; overflow:hidden; }	
}

@media only screen and (max-width: 730px)  {

}

@media only screen and (max-width: 680px)  {

.float1 {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 20%;
    left: 80%;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 40px;
    box-shadow: 2px 2px 3px #999;
    z-index: 111112;
}

.intro{width: 100%;
text-align: center;
padding-top: 50%;
padding-bottom: 2%;}

}

@media only screen and (max-width: 550px)  {
	

}

@media only screen and (max-width: 500px)  {
	
}

@media only screen and (max-width: 650px)  {
     .logo{ width: 100%; text-align: center; padding-top: 0px;}
	.logo img { padding-left: 0px; }
	.top { width:100%; }
    .contact { padding: 0px; font-size: 8px; width: 100%; text-align:center; }
	.hot1 { float: left; width: 40%; text-align: center; }
	.hot2 { float: left; width: 10%; text-align: center; padding:0px; }	
	.hot3 { pfloat: left; width: 40%; text-align: center; padding:0px; }	
	.about { float: none; } .about h1 { padding: 0px; letter-spacing: 0px; }
	.about p { padding: 0px; line-height: 35px; text-align: justify; font-size: 20px; }
	.design { width: 100%; padding-left: 0px; }  .design p { padding: 0px; text-align: justify; }
	.develope{  width: 100%; padding-left: 0px; } .develope p { padding: 0px; text-align: justify; }
	.marketing{  width: 100%; padding-left: 0px; } .marketing p { padding: 0px; text-align: justify; }
	.model { float: none; }  
	.mod1 { float: left; padding-left: 0px; width: 100%; text-align: center; }
	.mod2 { float: left; padding-left: 0px; width: 100%; text-align: center; } 
	.mod3 { float: left; padding-left: 0px; width: 100%; text-align: center; } 
	.mod4 { float: left; padding-left: 0px; width: 100%; text-align: center; } 
	 .mod1 img { width:initial;  } 	.mod2 img { width:initial; }  .mod3 img { width:initial; } .mod4 img { width:initial; }
	.house { width: 100%; } .house h1 { font-size: 30px; } .house p { padding: 0px; line-height: 30px; text-align: justify; }
	.model1 { width: 100%; padding-bottom:0px; }
	.img1 { padding-left:0px; width: 100%; }  .img1 img { width: initial; } 
	.img2 { padding-left:0px; width: 100%; }  .img2 img { width: initial; } 
	.img3 { padding-left:0px; width: 100%; padding-top:20px; } .img3 img { width: initial; }  
	.house1 { width: 100%; padding-bottom: 25px; } .img4 { padding-left: 0px; width: 100%; text-align: center; } .img5 { padding-left: 0px; width: 100%; text-align: center; }
	.content { width: 100%; } .content h1 { font-size: 30px; }  .content p  { line-height: 30px; text-align: justify;}
	.con1 { width: 100%; padding-bottom: 0px; } .photo1 { width: 100%; padding-left: 0px; text-align: center; } .photo2  { width: 100%; padding-left: 0px; text-align: center; }
	.con2 { width: 100%; padding-bottom: 25px; } .photo3 { width: 100%; text-align: center; padding-left:0px; } 
	.photo4 { width: 100%; text-align: center; padding-left:0px; }    .photo5 { width: 100%; text-align: center; padding-left:0px; } 
	.smart1 { width: 100%; } .s1 { width: 100%; padding-left: 0px; text-align: center; } .s2 { width: 100%; padding-left: 0px; text-align: center; }
	.s3 { width: 100%; padding-left: 0px; text-align: center; } .s4 { width: 100%; padding-left: 0px; text-align: center; }
	.smart2 { width: 100%; } .smart2 h1 {font-size: 30px; } .smart2 p { padding: 0px; text-align: justify; line-height: 25px; }
	.custom { width: 100%; padding: 30px 0px; } .custom h1 { font-size: 30px; } .para { width: 100%; padding-left: 0px; }
	.p1 { text-align: left; width: 100%; } .p2 { width:100%; text-align: justify; font-size: 20px; word-spacing: 0px; line-height: 26px; padding-left: 0px; } 
	.p3 { text-align: right; padding-bottom: 20px; width: 100%;}
	.footer h1 { font-size: 24px; } .f1 { width: 100%; padding-left: 0px; text-align: center; } .f2 { padding-top: 20px; width: 100%; padding-left: 0px; text-align: center; }
	.f3 { padding-top: 20px; width: 100%; padding-left: 0px; text-align: center; } .f4 { padding-top: 20px; width: 100%; padding-left: 0px; text-align: center; }
	.fp1 { padding-left: 0px; width: 100%; } .fp1 h2 { font-size: 26px;} .fp1 p { padding-top: 0px; line-height: 25px; }
	.fp2 { padding-left: 0px; width: 100%; } .fp2 h2 { font-size: 26px;} .fp2 p { padding-top: 0px; line-height: 25px; }
	.fp3 { padding-left: 0px; width: 100%; } .fp3 h2 { font-size: 26px;} .fp3 p { padding-top: 0px; line-height: 25px; }
	.footer3 { line-height: 25px; }  .ff1 { width: 100%; padding-left: 0px; } .ff2 { padding-right: 0px; width: 100%; }
      .photo3 img {  width: initial; }  .photo4 img { width: initial; }  .photo5 img { width: initial; }
	 
	 .dresses {width:100%; }
	 .aboutus {width:100%; } .aboutus h1{font-size:30px; } .aboutus p { text-align:justify; }
	 .work { width:100%; padding-left:0%; } .work h1 {font-size:25px; } .work p{ text-align:justify; }
	 .tems {float:none} .it1 {float:none; width:100%;} .it2 {float:none; width:100%; } .it3 {float:none; width:100%;} .it4 {float:none; width:100%; } .it5 {float:none; width:100%;} 
	 .it6 {float:none; width:100%;} 
	 
	 .product {width:100%;} .product h3 {font-size:30px; } .product h1{font-size:30px; line-height:normal;}
	 .pro { float:none; width:100%; } .pro1 { float:none; width:100%; } .pro2 { float:none; width:100%; } .pro3 { float:none; width:100%; } .pro4 { float:none; width:100%; }
	 .product1 {width:100%; padding-left:0px;}
	 
	 .client1 {width: 123%;}
	 
	 .gal1{float:left; width:50%; } 
.gal2{float:left; width:32%; } 
.gal3{float:left; width:50%; } 
.gal4{float:left; width:35%; } 
.gal5{float:left; width:30%; } 

.i1{float:left;width:100%;}
.i2{float:left;width:100%;padding-top: 2%;}
.i3{float:left;width:100%;padding-top: 2%;}
.i4{float:left;width:100%;padding-top: 2%;}
.i5{float:left;width:100%;padding-top: 2%;}
}

@media screen and (max-width: 580px)
{
	

@media screen and (max-width: 550px)
 {
	 
 }
 
 @media screen and (max-width: 500px)
 {
	.banner1 { width:100%; margin:0px; padding-top:140px; overflow:hidden; }	

 
  }
 
 @media screen and (max-width: 420px)
 
 {
	 .mod1 img { width:100%;  } 	.mod2 img { width:100%; }  .mod3 img { width:100%; } .mod4 img { width:100%; }
	 .img1 img { width:100%; padding-left: 0px; }  .img2 img { width:100%; padding-left: 0px; } .img3 img { width:100%; padding-left: 0px; }
	 .photo3 img { width:100%; }  .photo4 img { width:100%; }  .photo5 img { width:100%; }
	 .s1 img { width:100%; }  .s2 img { width:100%; }  .s3 img { width:100%; }  .s4 img { width:100%; }
	 .f1 img { width:100%; } .f2 img { width:100%; } .f3 img { width:100%; } .f4 img { width:100%; }
	 .contact { padding: 0px; font-size: 6px; width: 100%; text-align:center; }
	.hot1 { float: left; width: 35%; text-align: center; }
	.hot2 { float: left; width: 10%; text-align: center; padding:0px; }	
	.hot3 { pfloat: left; width: 55%; text-align: initial; padding:0px; }	
	
	.gal1{float:left; width:100%;text-align:center; } 
.gal2{float:left; width:100%; text-align:center;} 
.gal3{float:left; width:100%; text-align:center;} 
.gal4{float:left; width:100%; text-align:center;} 
.gal5{float:left; width:100%; text-align:center;} 
 .banner1 { width:100%; margin:0px; padding-top:135px; overflow:hidden; }	
 }
 
  @media screen and (max-width: 390px)
 {
	.about h1 { font-size: 35px; }
 }
  @media screen and (max-width: 240px)
 {
	 .banner1 { width:100%; margin:0px; padding-top:150px; overflow:hidden; }	
	.hot3 h3{ font-size:9px; padding: 0px;}
 }