/*.top_section{ background:url(../images/top_bg.jpg) 0 0 repeat-y; float:left; width:100%;}*/
.top_section{ background:url(../images/top_bg.jpg) #b9b9b9 repeat-y; float:left; width:100%;}

/*  new */
.bottom_section{ background:url(../images/top_bg.jpg) #b9b9b9 repeat-y; float:left; width:100%;}

.logo{ float:left; margin-left:45px;}
.menu{ float:right; margin-right:45px; margin-top:30px;}
.menu ul{ margin:0; padding:0; list-style:none;}
.menu ul li{ float:left; font-size:16px; margin:0 10px;}
.menu ul li a{ color:#fff; text-decoration:none;}
.menu ul li:last-child{ margin-right:0;}
.social_icon{ float:right; margin-top:17px; margin-right:30px;}
.banner{ float:left; width:100%;  display: inline-block;}
.banner img{ width:100%; height:auto;  display: inline-block;}
.bx-wrapper .bx-viewport ul li{ left:0;}
.des{position: absolute; top: 50px;right: 50px; width: 538px; font-size: 17px;color: #fff;}

.search{ float:left; width:100%; margin-top:30px; padding:0 15px;}
.search select{ width:16%; float:left; margin-left:15px; border:#99b0c1 solid 1px; padding:6px;}
.search input[type="submit"]{ background:#5f686f; color:#fff; border:none; float:left;padding:6px 38px; margin-left:15px; /* margin-right:9.7%; */}
/*  new */
.search input[type="button"]{ background:#5f686f; color:#fff; border:none; float:right;padding:6px 38px; margin-right:20px;}

.project_area{ float:left; width:100%; margin-top:30px; padding-top:45px; border-top:#ccc solid 1px;}
.project_area ul{ margin:0; padding:0; list-style:none; width:100%; text-align:center;}
.project_area ul li{ display:inline-block; width:20%; margin: 0 32px; margin-bottom:30px;border-bottom: #ccc solid 1px;}
.project_area ul li img{ width:100%; height:auto;}



.content_section{float:left; width:100%; margin-top:30px; padding-top:30px; border-top:#ccc solid 1px; padding-left:35px; padding-right:35px;}
.footer{float:left; width:100%; margin-top:30px; padding-top:20px; padding-bottom:20px; border-top:#ccc solid 1px; padding-left:35px; padding-right:35px;}
/*  new */
.footer_index{float:left; width:100%; margin-top:0px; padding-top:1%; padding-bottom:20px; padding-left:35px; padding-right:35px;}
.copyright{ float:left;}
.foot_menu{ float:right;}

.book_now{float:left; width:100%; margin-top:30px; padding-top:30px; border-top:#ccc solid 1px; padding-left:35px; padding-right:35px;}
.book_now label{ font-weight:normal; width:495px; text-align:right; margin-right:15px; vertical-align:top;}
.booknow_form .field{ margin-bottom:8px;}
.booknow_form  input, .booknow_form  textarea, .booknow_form  select{ background:#e1e3e5; width:20%; padding:5px; border:2px solid #999; border-radius:10px;}
.booknow_form  input[type="radio"]{ width:auto;}
.booknow_form  input[type="submit"]{ width:auto; background:#5f686f; color:#fff; padding:5px 15px; font-weight:bold;}
.booknow_form  button{ width:auto; background:#5f686f; color:#fff; padding:5px 15px; font-weight:bold;}



.inner_page_top{background: none; position: absolute;}
.logo{color: #fff;font-family: Vijaya, arial; font-size:40px;}
.graph{ float:left; width:100%; text-align:center;}
.chart{ float:left; clear:both; border:#ccc solid 1px; padding:10px; margin-right:30px; margin-left:2%; margin-top:30px; width:318px;}
.graph img{ clear:both;}
.row_list{ float:left; width:100%; margin-bottom:5px;}
.chart .color{ width:25px; height:25px; border:#000 solid 2px; float:left; margin-right:10px;}
.chart span{ float:left; width:150px; margin-right:15px;}
.chart .bg_color{ float:left; width:150px; margin-right:0; background:#97aebe;}
.chart .green{ background:#85c226;}
.chart .red{ background:#da251c;}
.chart .blue{ background:#0093dd;}

.bottom_content{ width:100%; float:left; padding:30px; border:#ccc solid 1px;}
.footer_content{ width:100%; float:left; padding:0px; border:#ccc solid 1px;}
.google_map{ float:left; border:#333 solid 1px;}

.right_section{ float:right; width:50%;}
.right_section input{ width:50%; background:#dededc; border:none; padding:5px; margin-bottom:8px; float:left; clear:both;}
.right_section  input[type="submit"]{ width:auto; background:#5f686f; color:#fff; padding:5px 15px; font-weight:bold; float:left; clear:both;}



@media (max-width:1199px){


}

@media (max-width:991px){


}

@media (max-width:568px){
.des{ width:100%; right:0; padding:0 20px;}
.bx-wrapper .bx-caption span{ line-height:normal;}
.search input[type="submit"]{ margin-top:15px;}
.book_now label{ width:165px;}
.booknow_form input, .booknow_form textarea, .booknow_form select{ width:45%;}
.logo{ margin-left:0; width:100%; text-align:center;}
.menu{ width:100%; text-align:center; margin:0; margin-top:10px;}
.menu ul li{font-size: 14px; margin: 0 7px; display: inline-block; float:none;}
.social_icon{ width:100%; margin:0; text-align:center; margin-top:10px; margin-bottom:15px;}
.right_section input{ width:100%; background:#dededc; border:none; padding:5px;}
}
@media (max-width:484px){
.search select{ width:100%; margin-left:0; margin-bottom:8px;}
.search input[type="submit"]{ margin-right:0;}
.project_area ul li{ width:90%;margin: 0 15px;}
.book_now label{ width:100%; text-align:left; margin:0;}
.booknow_form input, .booknow_form textarea, .booknow_form select{ width:100%;}
.logo{ margin-left:0; width:100%; text-align:center;}
.menu{ width:100%; text-align:center; margin:0; margin-top:10px;}
.menu ul li{font-size: 14px; margin: 0 7px; display: inline-block; float:none;}
.social_icon{ width:100%; margin:0; text-align:center; margin-top:10px; margin-bottom:15px;}
}

.process td img{width:80%;}