@charset "utf-8";
/* CSS Document */
@import url("http://fonts.googleapis.com/css?family=Raleway:400,300,200,100,600,700,800");
/* ====================== General 1024px - 768px ====================== */

.wb_top1{background:#107ab3; min-height:29px}
.wb_local_num{font:400 14px/20px 'Roboto', Arial, Helvetica, sans-serif; color:#fff; margin:5px 0 0 0; float:left}
.wb_top1_b{float:right; width:415px}
.wb_top1_b_text{font:400 14px/20px 'Roboto', Arial, Helvetica, sans-serif; color:#fff; margin:5px 0 0 0; float:left}
#sample_4{float:right; width:199px; position:relative}
.ask_cont{width:199px;}
.ask_cont .call_back_link{background:url(../images/cal_b_bg_website_builder.gif) no-repeat; width:199px; height:24px;}
.quote_box{background:#27a97d !important; right:13px !important; top:22px; padding:0; width:240px !important; position:absolute; border-radius:5px 0 5px 5px; display:none}

/* BANNER AREA */
.wb_banner_area{background:#102f5d url(../images/ppc_top_bg.jpg) no-repeat center top; background-size:100% 100%; height:428px;}
.wb_b_left{float:left; width:40%}
.wb_banner_area .logo_area{float:none; margin:10px 0 0 0;}
.wb_pc{min-width:398px; max-width:90%; margin:20px 0 0 0}
.wb_b_right{float:right; width:53%; margin:30px 0 0 0}
hr{ border-width:1px; border-color:#1c72a6; margin:15px 0}
.wb_title{font:300 36px/42px 'Open Sans Condensed', Arial, Helvetica, sans-serif; color:#fff; margin:25px 0 0 0}
.wb_title2{font:100 42px/48px 'Raleway', Arial, Helvetica, sans-serif; color:#fff; margin:15px 0 0 0}
.wd_list{margin:20px 0 0 0;}
.wd_list p{display:block; background:url(../images/right-icon.png) no-repeat 0 center; font:15px/20px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff; padding:0 0 0 20px; margin:8px 0 0 0}
/* BANNER ENDS */

.wb_left{float:left; width:74%; border-top:1px solid #ddd; padding-top:30px; margin:10px 0 0 0}
.wb_left h1{text-align:center; font:400 26px/42px 'Roboto', Arial, Helvetica, sans-serif; color:#000}
.wb_left h2{font:400 22px/32px 'Roboto', Arial, Helvetica, sans-serif; color:#000; margin:30px 0 20px}
.wb_left h3{font:600 18px/32px 'Open Sans Condensed', Arial, Helvetica, sans-serif; color:#107ab3; margin:25px 0 5px}

/*services*/
.srv_lists{margin:20px 0 0 0;}
.srv_lists ul,.srv_lists ul li{margin:0; padding:0; list-style:none;}
.srv_lists ul li{float:left; width:48.5%; min-height:100px; margin:20px 0}
.srv_lists ul li:nth-child(even){float:right;}
.srv_lists ul li img{float:left;}
.srv_lists ul li .text{float:right; width:75%; margin:5px 0 0 0}
.srv_ttl{font:600 20px/24px 'Open Sans Condensed', Arial, Helvetica, sans-serif; color:#107ab3;}
.srv_lists .fs13{color:#666;}
.srv_porfolio{margin:20px 0; position:relative; overflow:hidden;}
.srv_porfolio ul, .srv_porfolio ul li{margin:0; padding:0; list-style:none;}
.srv_porfolio ul li{float:left; width:33.3333%;}
.srv_porfolio ul li img{display:block; width:99%; height:auto; margin:auto}
.small_text{font:13px/20px 'Open Sans', Arial, Helvetica, sans-serif; color:#666; text-align:justify; margin:0}
/*services*/
/* quotation */
.right_cont_new{width:244px; float:right; border-width:0; position:relative; margin:-30px 0 0 0}
.right_cont_new section{width:244px;}
.quote h2{padding:30px 10px 10px 10px; background:#000; font:600 16px/20px 'Roboto', Arial, Helvetica, sans-serif; color:#37e3a9; text-transform:uppercase; text-align:center}
.quote h2 b{display:block; font:600 12px/20px 'Roboto', Arial, Helvetica, sans-serif; color:#fff; }
.quote_inr{background:#27a97d; padding:20px}
.quote_inr input[type=text], select, textarea{width:100%; border:0; padding:5px; display:block; margin-bottom:5px; border-radius:2px}
.quote_inr .sml{width:49% !important; display:inline-block !important; vertical-align:middle;}
.right_cont_new_fixer{position:fixed;top:0px}
/* quotation */

/* ================== Tablet (Portrait) 768px - 959px ================= */
@media only screen and (max-width:979px) {
.wrapper{width:100%; overflow-x:visible !important;}

/* BANNER */
.wb_top1 .wrapper, .wb_banner_area .wrapper{padding:0 10px;}
.wb_b_left{float:left; width:45%;}
.wb_pc{min-width:98%; max-width:98%; margin:20px 0 0 0}
.wb_b_right{width:50%;}
.wb_title{font:300 26px/32px 'Open Sans Condensed', Arial, Helvetica, sans-serif; color:#fff; margin:25px 0 0 0}
.wb_title2{font:100 32px/36px 'Raleway', Arial, Helvetica, sans-serif; color:#fff; margin:15px 0 0 0}
.wd_list{margin:20px 0 0 0;}
.wd_list p{display:block; background:url(../images/right-icon.png) no-repeat 0 center; font:15px/20px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff; padding:0 0 0 20px; margin:8px 0 0 0}
/* BANNER */
.wb_left{float:left; width:62%; border-top:0; padding-top:0; margin:20px 0 0 0}
.wd_middle{padding:0 10px;}
.wb_left h1{text-align:left;}
/*services*/
.srv_lists ul li{float:none !important; width:100%; min-height:100px; margin:20px 0}
.srv_porfolio ul li{float:left; width:50%;}
/*services*/
/* quotation */
.right_cont_new{margin:0}
/* quotation */
}

/* ================= Mobile (Landscape) 480px - 767px ================= */
@media only screen and (max-width:767px) {
.right_cont_new_fixer, .right_cont_new, .right_cont_new_fixer section, .right_cont_new section{position:static !important;}

.wb_top1{background:#107ab3; min-height:29px; padding:10px 0}
.wb_local_num{margin:0; float:none; text-align:center}
.wb_top1_b{float:none; width:auto}

/* BANNER */
.wb_banner_area{background:#102f5d; background-size:100% 100%; height:auto; padding:10px 0 20px}
.wb_b_left{float:none; width:auto; margin:0 -10px; padding:0 0 10px 0; border-bottom:1px solid #1c72a6;}
.wb_pc{display:none}
.wb_b_right{width:auto; float:none; text-align:center; margin:15px 0 0 0}
.wb_b_right hr{margin:10px -10px;}
.wb_b_right .mob_only{display:inline;}
.wd_list p{background:none;}
/* BANNER */
.wb_left{float:none; width:auto; border-top:0; padding-top:0; margin:20px 0 0 0}
.wb_left h1{text-align:center;}
/*services*/
.srv_lists ul li .text{float:right; width:78%; margin:5px 0 0 0}
/*services*/
/* quotation */
.right_cont_new{margin:20px -10px 0px; float:none; width:auto}
.right_cont_new section{width:auto;}
.right_cont_new h2{padding:15px;}
.quote_inr .sml{width:49.5% !important;}
/* quotation */
}

/* ================== Mobile (Portrait) below 480px  ================== */
@media only screen and (max-width:479px) {
.wb_top1{height:98px;}
.wb_top1_b_text{font:400 14px/20px 'Roboto', Arial, Helvetica, sans-serif; color:#fff; margin:5px 0 0 0; float:none; text-align:center}
#sample_4{float:none; width:199px; position:relative; margin:5px auto 0}
.quote_box{right:-6px !important; border-radius:5px}

/* BANNER */
.wb_title{font:300 24px/28px 'Open Sans Condensed', Arial, Helvetica, sans-serif; }
.wb_title2{font:300 24px/36px 'Raleway', Arial, Helvetica, sans-serif; }
.wd_list p{background:none; font:15px/20px 'Open Sans', Arial, Helvetica, sans-serif;}
/* BANNER */
.wb_left h1{text-align:center; line-height:32px}
/*services*/
.srv_porfolio ul li{float:none; width:100%;}
.srv_lists ul li .text{width:70%;}
/*services*/
/* quotation */
.quote_inr .sml{width:49% !important;}
/* quotation */

}