.header h2 {font-family: 'Open Sans', sans-serif; font-weight: 300;font-size: 48px;color: #000000;
text-align: center;margin-bottom: 53px; margin-top: 75px;}
.header h2 strong{ font-weight: 700;}

.white_backgrnd {background: #fff; border:1px solid #ebebeb; padding: 40px;margin-bottom: 60px;
float: left;width: 100%;}


.con {width: 48.299%; float: left;}
.con:nth-child(2){float: right;}
.lbl {font-size: 18px ; font-weight: 400;font-family: 'Open Sans', sans-serif; color: #444444;
display: block;}
.inp,.dd .ddTitle,.area  { border:1px solid #ebebeb; width: 100%; padding: 20px; border-radius: 5px;background: #f9f9f9;
height: 58px;}
.controls {margin-top: 15px; margin-bottom: 40px;}
.resize {padding: 16px;height: 58px;}
.dd .ddArrow {
    background: rgba(0, 0, 0, 0) url("img/drop_arrow.png") no-repeat scroll 0 0;
    height: 16px;
    margin-top: -3px;
    width: 16px;
    right: 15px;
}
.form_datetime input {
    background: #f9f9f9 url("img/date-time-picker.png") no-repeat scroll 96% center;
    padding: 0 50px 0 10px;
}
.dd .ddArrow:hover {background-position: 0 0;}
.ddcommon .ddChild li {clear: both;padding: 10px;font-size: 16px; font-weight: 400; color: #adadad;
    font-family: 'Open Sans', sans-serif;}
.ddcommon ul {border: 1px solid #f5f5f5;border-radius: 5px;margin: 0;padding: 0;}
.dd .ddChild {border: none;}
.dd .ddTitle .ddTitleText {padding: 0px;}
input, .area {font-size: 16px; font-weight: 400; color: #adadad;
    font-family: 'Open Sans', sans-serif;}
.ddlabel {font-size: 16px; font-weight: 400; color: #adadad;
    font-family: 'Open Sans', sans-serif;
    }
::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
  font-size: 16px; font-weight: 400; color: #adadad;
    font-family: 'Open Sans', sans-serif;
    opacity: 1;
}

:-moz-placeholder,textarea:-moz-placeholder { /* Firefox 18- */
  font-size: 16px; font-weight: 400; color: #adadad;
    font-family: 'Open Sans', sans-serif;
    opacity: 1;  
}

::-moz-placeholder,textarea::-moz-placeholder {  /* Firefox 19+ */
 font-size: 16px; font-weight: 400; color: #adadad;
    font-family: 'Open Sans', sans-serif;
    opacity: 1
}

:-ms-input-placeholder,textarea:-ms-input-placeholder {  
   font-size: 16px; font-weight: 400; color: #adadad;
    font-family: 'Open Sans', sans-serif;
    opacity: 1; 
}

.small {width: 100%; float: right; display: table-cell;}
.budget {float: left; display: table; width: 48%;}
.budget:nth-child(2){float: right;}
.budget span.vk_budget {display: table-cell;vertical-align: middle;font-size: 18px ; font-weight: 400;
    font-family: 'Open Sans', sans-serif; color: #444444; display:none;}

.rupee{position: relative; }
.in_pd {padding-left: 45px;}
.rupee:before{font-family: 'wedding'; font-size: 17px; color: #d0d0d0; content: "\e662"; position: absolute;
left: 9%;top: 33%}




.area {height: 172px;}
.full_width {width: 100%}
.sbmt {font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 18px;
 background: #e77e23; transition:all .3s ease-in;-webkit-transition:all .3s ease-in;}
 .sbmt:hover { background: #b53025;}


 .ddcommon {width: 100% !important;}

#msdrpdd21_titleText, #msdrpdd22_titleText, #msdrpdd20_titleText{ display:none !important;}

 /*Responsive css*/
@media screen and (max-width: 1199px) {
.header h2 {font-size: 36px;margin-bottom: 35px;margin-top: 35px;}
.controls {margin-top: 10px;}

}



@media screen and (max-width: 979px) {
.budget {float: left;margin-bottom: 27px;width: 100%;}
.budget:nth-child(2) {margin-bottom: 0px; width: 93%}
.white_backgrnd {padding: 22px;}
.resize,.inp, .dd .ddTitle, .area {padding: 13px; height: 43px;}
.controls {margin-bottom: 18px;}
.sbmt {font-size: 15px;padding: 10px 23px;}

.area {height: 142px;}
 

input, .area {font-size: 13px;}
::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
  font-size: 13px; font-weight: 400; color: #adadad;
    font-family: 'Open Sans', sans-serif;
    opacity: 1;
}

:-moz-placeholder,textarea:-moz-placeholder { /* Firefox 18- */
  font-size: 13px; font-weight: 400; color: #adadad;
    font-family: 'Open Sans', sans-serif;
    opacity: 1;  
}

::-moz-placeholder,textarea::-moz-placeholder {  /* Firefox 19+ */
 font-size: 13px; font-weight: 400; color: #adadad;
    font-family: 'Open Sans', sans-serif;
    opacity: 1
}

:-ms-input-placeholder,textarea:-ms-input-placeholder {  
   font-size: 13px; font-weight: 400; color: #adadad;
    font-family: 'Open Sans', sans-serif;
    opacity: 1; 
}
.ddlabel {font-size: 13px;}
.resize {padding: 10px !important;}
.budget:nth-child(2) {width: 44%;}
.budget {width: 50%;}
.inp.resize.in_pd {padding-left: 28px !important;}
.rupee::before {font-size: 11px;top: 37%;}
.lbl{ font-size:14px;}
}

@media only screen and (min-width: 640px) and (max-width: 978px) {
.budget{ width:100% !important;}
.rupee:before{ top:19px; left:13px;}


	}
@media screen and (max-width: 639px) {
	.rupee:before{ top:18px;}
    .con {float: left;width: 100%;}
.white_backgrnd {padding: 22px;}
.resize,.inp, .dd .ddTitle, .area {padding: 13px;}
.controls {margin-bottom: 18px;}

.sbmt {font-size: 15px;padding: 10px 23px;}
.inp.resize.in_pd {padding-left: 45px;}
::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
  font-size: 13px; font-weight: 400; color: #adadad;
    font-family: 'Open Sans', sans-serif;
    opacity: 1;
}

:-moz-placeholder,textarea:-moz-placeholder { /* Firefox 18- */
  font-size: 13px; font-weight: 400; color: #adadad;
    font-family: 'Open Sans', sans-serif;
    opacity: 1;  
}

::-moz-placeholder,textarea::-moz-placeholder {  /* Firefox 19+ */
 font-size: 13px; font-weight: 400; color: #adadad;
    font-family: 'Open Sans', sans-serif;
    opacity: 1
}

:-ms-input-placeholder,textarea:-ms-input-placeholder {  
   font-size: 13px; font-weight: 400; color: #adadad;
    font-family: 'Open Sans', sans-serif;
    opacity: 1; 
}
.ddlabel {font-size: 13px;}


.header h2 {font-size: 30px;margin-bottom: 24px;margin-top: 24px;}
.area {height: 125px;}
.rupee::before {left: 15px;}
.budget {margin-bottom: 19px;}
form span.error{width:100%; float:left; margin-top:7px;}
#post_requirement span.error{ position:static;}
#post_requirement .ddlabel{ line-height:19px;}

}


@media screen and (max-width: 480px) {

.resize, .inp, .dd .ddTitle, .area {padding: 8px; height: 37px;}
.area {height: 100px;}
.controls {margin-top: 8px;}
::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
  font-size: 13px; font-weight: 400; color: #adadad;
    font-family: 'Open Sans', sans-serif;
    opacity: 1;
}

:-moz-placeholder,textarea:-moz-placeholder { /* Firefox 18- */
  font-size: 13px; font-weight: 400; color: #adadad;
    font-family: 'Open Sans', sans-serif;
    opacity: 1;  
}

::-moz-placeholder,textarea::-moz-placeholder {  /* Firefox 19+ */
 font-size: 13px; font-weight: 400; color: #adadad;
    font-family: 'Open Sans', sans-serif;
    opacity: 1
}

:-ms-input-placeholder,textarea:-ms-input-placeholder {  
   font-size: 13px; font-weight: 400; color: #adadad;
    font-family: 'Open Sans', sans-serif;
    opacity: 1; 
}
.ddlabel {font-size: 13px;}

.resize {padding: 6px !important;}
.header h2 {font-size: 26px;}
.lbl, .budget span {display: block;}
.rupee::before {font-size: 11px;}
.inp.resize.in_pd {padding-left: 39px;}
.small {width: 100%; margin-top: 8px;}
.budget {margin-bottom: 0;}
    }
@media screen and (max-width: 479px) {	
.budget{ width:100% !important;}
.rupee:before{ top:15px; left:13px;}

}