
.dropbtn {
  background-color: #F58319;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  width:100%;
  
}
@media only screen and (max-width:768px){
.dropbtn {border-bottom-left-radius: 0px;
		border-top-left-radius: 0px;
}
	
}
.dropbtn:hover, .dropbtn:focus {
  background-color: #084c9f;
}

#myInput {
  border-box: box-sizing;
  background-image: url('searchicon.png');
  background-position: 14px 12px;
  background-repeat: no-repeat;
  font-size: 16px;
  padding: 14px 20px 12px 45px;
  border: none;
  border-bottom: 1px solid #ddd;
  width: 100%;
}

#myInput:focus {outline: 3px solid #ddd;}

.dropdown {
  position: relative;
  display: inline-block;
   width:100%;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  min-width: 267px;
  overflow: auto;
  border: 1px solid #ddd;
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {background-color: #ddd;}
.show {display: block;}
/*------------------------------------*/
.custome-navbar-brand {display:none;}
.whole-search-area {width:100%;}
.search-area {width:100%; margin:auto; }
.search-main {margin:50px 0;}
.custom-select,.search {height:50px;}
.search-box4 {color:#fff;background-color: #f58319;}
.categoroy-left-ads,.categoroy-right-ads {min-height:600px;background-color:  #f58319 ;}
.categoroy-row {margin:30px 0;}
.categoroy-title {color:#000; text-align:center;}
.cat-box {width:30%;height:140px;float:left;padding:5px;margin: 0 0 15px 23px;border-bottom: 1px solid #ccc;box-shadow: 0px 5px 3px 0px #8d8d8d;background: #ededed;}
@media only screen and (max-width:768px){
.custome-navbar-brand {display:block;}
.search-area {width:85%; padding:10px 0px;}
.search-title {font-size:25px;}
.cat-box {width:100%;margin: 0 0 15px 0px;}
		}
.search-main {width:80%;box-shadow: 0px 2px 10px 3px #4970a1;height: 100px;z-index: 999;opacity: 0.9;padding: 20px;background: #cecaca;}
.btn-outline-success:hover {color: #fff;background-color: #f58319; border-color: #f58319;}
.s-bottom {background:#084c9f;color:#fff; width:30%;height: 56px; float:left;}
@media only screen and (max-width:768px){
.search-main {width: 100% !important;}
.select-city {width: 100% !important;}
.search-cat {width: 100% !important; margin-top:10px;}
.search-main {border:none;}
.s-bottom {border-bottom-right-radius: 0px;border-top-right-radius: 0px;}
}	

.cat-box a{text-decoration: none;}
.cat-box-img {width:100%;padding: 20px;}
.cat-box-icon {width:100%; height:50px;text-align: center;}
.cat-box-title{width:100%;text-align: center;}
.cat-box-icon img {width:32%; height:100%; text-align:center; margin:auto;}
.cat-box-title p{font-size:13px; font-weight: bold; color:#000;padding-left:5px;margin-top: 5%; line-height: 17px;text-transform:uppercase;}
/*----------------------------*/
.ads-bottom	{width:100%;height:125px; background:#f58319; margin-bottom:40px;}	
.letest-post-area {padding:0 15px}
.letest-post-box {width: 18%;height: 250px;float: left;padding: 5px;margin: 0 10px 25px;border-bottom: 1px solid #ccc;box-shadow: 0px 5px 3px 0px #8d8d8d;background: #ededed; }
.letest-box-img {width:100%;height:125px;}
.letest-box-title {margin:10px 0px; text-align:center; font-weight: 600;}
@media only screen and (max-width:768px){.letest-post-box {width: 100%;margin: 0 0px 25px; }
		