*{margin:0px;}
body{font-family:Poppins; font-size: 16px;}
#head{opacity:0.9; width: 96%; padding:20px 3%; position:fixed; color:white; background:black; z-index:1000; border-bottom: 1px solid #f4f4f4;}
#head a{text-decoration: none; color: white;}
#fir{float:left; }
#fir .logo{float:left; }
#fir .nav{float:right; margin-top:30px;}
#fir img{height:90px; }
#head .nava{display:inline-block; cursor:pointer; vertical-align: top;  padding:5px 20px 5px 30px;  }
#rentli, #letli, #manali, #buyli, #selli, #abtli{display:none;position:absolute; background:grey; padding:20px 60px 20px 20px; margin-top:5px; border-radius: 5px; border:2px solid #f4f4f4; box-shadow: inset;}
#rentli li, #letli li, #manali li, #buyli li, #selli li, #abtli li{display:block; line-height: 28px; }
#sec{float:right; margin-top:30px;}

.rent{background: url('../img/arrow.png') no-repeat; background-size:20px; background-position:60px center;}
 .buy{background: url('../img/arrow.png') no-repeat; background-size:20px; background-position:54px center;}
 .sell{background: url('../img/arrow.png') no-repeat; background-size:20px; background-position:53px center;}
.let{background: url('../img/arrow.png') no-repeat; background-size:20px; background-position:50px center;}
.mana{background: url('../img/arrow.png') no-repeat; background-size:20px; background-position:125px center;}
.comp{background: url('../img/arrow.png') no-repeat; background-size:20px; background-position:100px center;}

#btn{width:35px; height: 40px;  display:none; margin-top:10px; float:right; }
#btnc{width:35px; height: 40px;  line-height: 40px; display:none; margin-top:10px; color:white; text-align: center; font-size:35px; float:right;}
#btn span{width:40px; height:2px; background: white; margin-top:8px; display:block;}

#formcov{width:46%; position:absolute;margin:-450px auto 0px 27%; background-color:rgba(0,0,0,0.4); padding:40px; }
#formcov h2{margin-bottom:18px;line-height:32px;display:block;margin-left:12%; width:76%; text-align: center; color:white; font-size:30px; font-weight:normal;}
#formcov a{margin-right:10px; color:white; cursor: pointer;}
#formcov input[type=text]{width:78%; height:50px; margin-top:10px; border:0px; padding-left:10px;}
#formcov input[type=submit]{width:20%; height:50px; margin-top:10px; background:blue ; color: white;  border:0px;}
.covform{text-decoration: underline;}


#formdiv{width:100%; height:700px; overflow:hidden;}
#formdiv img{width:100%; }

#foot{width:90%; margin:0px auto;}
#footer{width:100%; background:black; padding:50px 0px; opacity:0.9; clear:both;}
#foot .box{display:inline-block; vertical-align:top; }
#foot .boz{width:20%;}
#foot .bo{width:30%; margin-right:50px;  }
#foot .box a{display:block; text-decoration:none; color:white; line-height:30px;}
#foot .box img{width:60%;margin-bottom:20px;}
#foot .box h2{color:white; margin-top:20px; font-size:16px;}
#foot .box p{color:white; font-size:12px;}


#last{width:100%; font-size:12px; padding:10px 0px 10px 0px; text-align:center; background:#0A0E0A; color:white; opacity:0.9;}

#conne {margin-top:40px;}
#conne span{display:inline-block; width:35px; height:35px; border-radius:10px;}
#conne .ab{background:url(../img/instagram.png); background-size:110% ;}

#conne .cd{background:url(../img/facebook.png); background-size:100% ;}

#conne .ef{background:url(../img/link.png); background-size:100% ;}

#title{margin-left:8%; margin-bottom: 50px;}
#formcover input{padding-left:20px;}
#formcover{width: 81%; padding:0px 10% 0px 8%;  margin-bottom:30px; }
#formcover .ifir{width:48%; float:left; height:45px;  border:1px solid silver;  margin-bottom:30px; clear:both;}
#formcover .isec{width:48%; float:right; height:45px;  border:1px solid silver;  margin-bottom:30px;}
#formcover .ilast{width: 83%; float:left;  height:45px;  border:1px solid silver;  margin-bottom:30px; clear:both;}
#formcover .iilast{width: 100%; border:1px solid silver; height:45px;  margin-bottom:30px; clear:both;}
#formcover textarea{width: 100%; border:1px solid silver; height:100px;  margin-bottom:30px; }
#formcover .ibtn{width: 15%; cursor:pointer;border:0px;  float:right; background:blue; color:white; height:45px; margin-bottom:30px;}
#formcover input[type=submit]{cursor:pointer;width: 150px;background:blue; border:0px; color:white; height:45px; margin-top:30px; clear:both; display:block;}



#fircont{width:96%; margin:50px auto;}
#fircont .firs{float:left;width:35%;}
#fircont .secc{float:right; width:59%;}
#fircont .box{display:inline-block; width:39%; margin-left:5%; vertical-align: top;}
#fircont img{width:100%; border-radius:10px;}
#fircont p{line-height:28px; margin-top:30px;}


#seccont{width:96%; margin: 50px auto; border-bottom:1px solid silver; font-size:18px; padding-bottom: 35px;}
#thircont{width:86%; margin:0px auto;}
#thircont img{width:100%;}

#fivecont{width:96%; margin: 60px auto 25px auto; font-size: 25px;}
#fourcont{width:96%; margin:0px auto 10px auto; display:flex; flex-wrap:wrap; }
#fourcont .box{width: 30%; margin-bottom:40px;}
#fourcont .abc{width: 30%; margin:0px 4%;}
#fourcont .box img{width: 100%; margin-bottom: 10px; border-radius:5px;}
#fourcont a{text-decoration: none; color:black;}

#sixcont{width:96%; margin:70px auto 40px auto; color:grey;}
#sixcont h1{text-align:center;}
#sixcont h2{text-align:center; font-weight: normal; margin:30px 0px 40px 0px;}
#sixcont .bod{display:inline-block; background-color: #f4f4f4; width:23%; padding:15px 15px 10px 5%; vertical-align: top;
     background-image: url(../img/quote.png); background-size: 24px; background-repeat:no-repeat; background-position: 15px 15px;}
#sixcont .ax{margin:0px 4%;}

#sevencont{text-align: center; width:100%; margin:50px auto 100px auto;}
#sevencont a{display:inline-block; line-height:45px; width:140px; text-decoration: none; }
#sevencont .touch{background:blue;  border:1px solid blue ;color:white;}
#sevencont .feed{border:1px solid grey; color:black;}

#item a{color:black;}
#item{width:96%; margin:50px auto;}
#item .bos{width:30%; background-color: #eaf4f4; display:inline-block; height:auto; border-radius:10px; vertical-align:top;}
#item .abz{margin-left:4%; margin-right:4%;}
#item .imcov{width:100%; height:200px; overflow:hidden;}
#item p{margin: 5px 0px;}
#item .titl{margin-bottom:25px; }
#item .textcov{margin:15px; line-height:28px; height:120px;}
#item img{width:100%; }
#aa{background: url(../img/bed.svg) no-repeat; background-size: 20px; padding-left:28px;}
#bb{background: url(../img/bath.svg) no-repeat; background-size: 18px; background-position: 5px 0px; padding-left:30px;}
#cc{background: url(../img/sofa.svg) no-repeat; background-size: 20px;  background-position: 5px 3px; padding-left:30px;}
#item span{font-size:12px; }
#item table{margin:15px; font-size:10px;}
#item img:hover{width:106%; margin-left:-3%; margin-top:-20px;}

#refine{width:100%; text-align: center; line-height: 40px; border: 1px solid blue; color:blue; border-radius: 5px; margin-bottom: 20px;  display:none;}
#searchbox{width:92%; padding:40px 4% 30px 4%; background: #eaf4f4; }
#searchbox input[type=text]{background: url(../img/search.png) no-repeat; background-size:24px; background-position: 20px 7px; border:0px; height: 40px; width:300px; margin-right: 50px; padding-left: 50px;}
#searchbox select{border:0px; background: #eaf4f4; margin-right:10px;}
#searchbox select:focus{border:0px; outline:none;}
#searchbox input:focus{border:0px; outline:none;}
#searchbox input[type=submit]{background:blue ; color:white; margin-left:20px; height:40px; width:120px; border:0px;}
#sboxclo{width:40px; font-size:30px; height:40px; border:1px solid blue;border-radius:40px; color:blue ; text-align: center; line-height:40px; float:right; display:none;}

#showprop{width:92%; padding:40px 4% 30px 4%;}
#showprop h2{margin-top:40px; line-height:30px;}
#showprop p{ line-height:25px;}
#showprop table{float:right; font-size: 10px;}
#showprop .fir{float:left; width:48%; margin-top:50px;}
#showprop .fir img{width:100%;}
#showprop .sec{float:right; width:50%; display:flex; flex-wrap:wrap;  margin-top:25px;}
#showprop .ii{display:inline-block; width:45%;}
#showprop .sec img{width:95%; margin-left:3%; margin-top:25px; display:inline-block;}


#page{width:96%; margin:50px auto; height:360px; line-height: 360px; text-align: center; color:white; font-size:35px;}
#cont{width:96%; margin:50px auto; font-size:18px;}
#cont p{margin-bottom:25px; line-height: 25px;}
#cont li{line-height: 28px;}

@media (max-width:900px) {
    #fircont .firs, #fircont .secc{float:none;width:100%;}
    #fircont .secc{margin-top:40px;}
    #item a{color:black; text-decoration: none;}
}

@media (max-width:800px) {
  
    #sixcont .ax{margin:40px 0px;}
    #sixcont .bod{display:block;  width:82%; padding:15px 15px 10px 15%;  }

    #fir, #fir .logo{float:none; width:100%;}
    #fir img{height:70px;}
    #fir .nav ul{padding:0px;}
    #head .nava{display:block;  padding:0px 20px 0px 0px;  margin-bottom:40px;  font-size: 21px; }
    #btn{display:block; float:right;}
    #sec, #fir .nav{float:none; display:none; overflow:auto;}

    #rentli, #letli, #manali, #buyli, #selli, #abtli{font-size:16px;display:block;position:relative; background:black; color:white; border:0px;  padding:0px;}
   .let, .mana, .comp,  .sell, .buy, .rent{background: none;}
   #head{width: 90%; padding:20px 5%; overflow-y:scroll; } 
   #formdiv {height:650px;}
   #formdiv img{width:auto;  height:650px;}

   #formcov{width:84%; margin:-400px auto 0px 5%; padding:40px 3%; }
   #formcov h2{display:block;margin-left:5%; width:90%; text-align: center; color:white; font-size:30px; font-weight:normal;}

   #foot .box{display:block; margin-bottom:20px;}
   #foot .boz{width:100%;}
   #foot .bo{width:100%; margin-right:0px;  }
   #foot .box img{width:50%;}

#showprop .ii{display:inline-block; width:95%;}

#title{margin-left:5%; margin-bottom: 30px;}
#formcover input{padding-left:10px;}
#formcover{width: 90%; padding:0px 5%;   margin-bottom:30px; }
#formcover .ifir, #formcover .isec, #formcover .ilast, #formcover .iilast, #formcover .ibtn{width:100%; float:none;  height:50px; }
#formcover input[type=submit]{width: 100%; }

#fourcont .box{width: 100%; margin-bottom:40px; display:block;}
#fourcont .abc{width: 100%; margin:0px 0px 40px 0px;}

#item .bos{width:100%; display:block; height:auto; padding-bottom: 15px;}
#item .abz{margin:40px 0px 40px 0px;}

#refine{ display:block;}
#sboxd{display:none;}
#searchbox{width:96%; padding:10px 2%; }
#searchbox input[type=text]{ width:92%; margin-right: 0px; padding-left: 8%; background-position: 0px 7px; margin-bottom:20px;}
#searchbox select{width:100%; margin-right:0px; height:40px; margin-bottom:20px;}
#searchbox input[type=submit]{ margin-left:0px; height:50px; width:100%; margin-top:20px;}


#showprop table{float:none ; margin:10px 0px ;}
#showprop .fir{float:none; width:100%; margin-top:30px;}

#showprop .sec{float:none; width:100%; display:flex; flex-wrap:wrap;  margin-top:10px;}
}

@media (max-width:500px) {
    #fircont .box{display:block; width:100%; margin-left:0px;}
    #fircont .ab{margin-top: 40px;}
    #seccont{width:96%; margin: 30px auto; font-size:16px; padding-bottom: 20px;}
    #thircont{width:96%;}
}