/* CSS Document */

/*750*/
@media only screen and (max-width : 1023px){


#wrapper
{
   width:95%;
   margin:0 auto;
}
.main

{
   width:100%;
   float:left;
}

.header
{
   width:100%;
   float:left;
}

.res_nav {
	display:block;
	width:100%;
	float:left;
}
.navi_part {
	display:none;
}
.nav_pan

{
   display:none;
}
a.home
{
   display:none;
}
.search_panel
{
   display:none;
}

.ser_out
{
   width:100%;
   float:right;
  /* display:block;*/
}
.log_panel
{
   width:110px;
   float:right;
}
.Logo
{

   width:100%;
   float:left;
   margin:0 0 0 144%;
}
.logo_out 
{
	width:242px;
	height:auto;
	float:left;
	display:block;
}
.banner
{
   width:100%;
   float:left;
   margin:2px 0 0 0;
}

.body_panel_in_con
{
   display:block;
   float:left;
   border-bottom:none;
   margin-bottom:2%;
}
.body_line
{
  display:none;
}
span.featured
{
   display:none;
}

.body_logo

{
   display:none;
   margin:0;
}
.body_panel
{
   width:100%;
   float:left;
   background:none;
}
.body_panel_in
{
   width:100%;
   margin:0;
   float:left;
}
.body_panel_in_con

{
   width:100%;
   float:left;
}
.body_panel_in_con h3

{

   font:bold 14px/28px 'Open Sans', sans-serif;
   color:#434343;   
   border-bottom:1px solid #e5e5e5; 
   width:100%;
   float:left;
   display:block;  
   padding:12px 0 0 2px;

}
.body_panel_in_con p
{
   font:14px/20px 'Open Sans', sans-serif;
   color:#434343;
   text-align:justify;
   width:98%;
   float:left;
   padding:0 1%;
   margin:0;
   border-bottom:0;
}



/*-----------contact start-----------*/
.con_pan_left
{
   width:298px;
   float:left;
   margin:0 0 0 300px;
}
.con_pan_mid
{
   width:298px;
   float:left;
   margin:20px 0 0 300px;
}
.con_pan_right
{
   width:298px;
   float:left;
   margin:20px 0 0 300px;
}

/*-----------contact end-----------*/

/*-------------emergency find pro start----------------*/
.inner_pan_right
{
   width:722px;
   float:right;
}
.right_box
{
   width:215px;
   float:left;
   margin:0;
   
}

.right_box h2
{
   width:160px;
   float:left;
   padding:0 0 8px 35px;
   margin:15px 10px 0 10px;
}
/*-------------emergency find pro end----------------*/
.blue_part h2
{
   font:18px/20px 'Open Sans', sans-serif;
   color:#434343;
   width:64%;
   float:left;
   padding:32px 0 0 32px;
   display:block;
}
.right_box2
{
   width:215px;
   float:right;
   background:#e8e8e8;
   border:1px solid #d3d3d3;
  -moz-box-shadow:    inset 0 0 5px #e8e8e8;
   -webkit-box-shadow: inset 0 0 5px #e8e8e8;
   box-shadow:         inset 0 0 5px #e8e8e8;
   margin:10px 28px 5px 0;
}
/*--------------refar service start----------------*/

.con_pan_left_find
{
   width:540px;
   float:left;
   margin:0;
   padding:0;
}

/*--------------refar service end----------------*/




/*--------------------write_review_thank_you start----------------------*/
.input_out {
	width:70%;
	float:left;
	display:block;
}
.inner_pan_left h4
{
   width:70%;
   float:left;
   display:block;
   font:16px/50px 'Open Sans', sans-serif;
   color:#1c1c1c;
   text-align:center;
}
.inner_pan_left h5
{
   width:70%;
   float:left;
   display:block;
   font:16px/20px 'Open Sans', sans-serif;
   color:#1c1c1c;
   text-align:center;
   padding:34px 0 0 0;
}
.inner_pan_left h6
{
   width:70%;
   float:left;
   display:block;
   font:16px/20px 'Open Sans', sans-serif;
   color:#1c1c1c;
   text-align:center;
   padding:34px 0 0 0;
}
input.thnx_btn
{
   width:85px;
   float:left;
   height:28px;
   cursor:pointer;
   background:#ff9001;
   display:block;
   border:1px solid #bf6c01;
   font:bold 14px/14px 'Open Sans', sans-serif;
   color:#000;
   text-align:center;
   text-transform:uppercase;
   vertical-align:middle;
   margin:20px 0 0 40%;
}

/*--------------------write_review_thank_you end----------------------*/

/*--------------find pro4 start----------------*/
.inner_pan_left
{
   width:100%;
   float:left;
}
.find_roofers
{
   width:90%;
   float:left;
   background:#fbfbfb;
   border:1px solid #bcbcbc;
   margin:10px 0;
   padding:0 0 0 12px;
}

/*--------------find pro4 end----------------*/
} 

/*600*/
@media only screen and (max-width : 860px){


#wrapper
{
   width:95%;
   margin:0 auto;
}
.main

{
   width:100%;
   float:left;
}

.header
{
   width:100%;
   float:left;
}

.res_nav {
	display:block;
	width:100%;
	float:left;
}
.navi_part {
	display:none;
}
.nav_pan

{
   display:none;
}
a.home
{
   display:none;
}
.search_panel
{
   display:none;
}


.ser_out
{
   width:60%;
   float:left;
   /*display:block;*/
   padding:0 0 0 18%;
}
.log_panel
{
   width:190px;
   float:left;
   /*display:block;*/
   margin:0 0 5px 30%;
}
.Logo
{

   width:100%;
   float:left;
   margin:0 0 0 92%;
}
.logo_out 
{
	width:242px;
	height:auto;
	float:left;
	display:block;
}
.banner
{
   width:100%;
   float:left;
   margin:2px 0 0 0;
}

.body_panel_in_con
{
   display:block;
   float:left;
   border-bottom:none;
   margin-bottom:2%;
}
.body_line
{
  display:none;
}
span.featured
{
   display:none;
}

.body_logo

{
   display:none;
   margin:0;
}
.body_panel
{
   width:100%;
   float:left;
   background:none;
}
.body_panel_in
{
   width:100%;
   margin:0;
   float:left;
}
.body_panel_in_con

{
   width:100%;
   float:left;
}
.body_panel_in_con h3

{

   font:bold 14px/28px 'Open Sans', sans-serif;
   color:#434343;   
   border-bottom:1px solid #e5e5e5; 
   width:100%;
   float:left;
   display:block;  
   padding:12px 0 0 2px;

}
.body_panel_in_con p
{
   font:14px/20px 'Open Sans', sans-serif;
   color:#434343;
   text-align:justify;
   width:98%;
   float:left;
   padding:0 1%;
   margin:0;
   border-bottom:0;
}



/*-----------contact start-----------*/
.con_pan_left
{
   width:650px;
   float:left;
   margin:0 0 0 50px;
}
.con_add_box
{
   width:600px;
   float:left;
   background:#e8e8e8;
   border:1px solid #a6a6a6;
   -moz-box-shadow:    inset 0 0 5px #a0a0a0;
   -webkit-box-shadow: inset 0 0 5px #a0a0a0;
   box-shadow:         inset 0 0 5px #a0a0a0;
   margin:20px 0 0 0;
   padding:0 0 0 26px;
}

.con_add_box_in {
   width:500px;
   float:left;
}
.con_pan_mid
{
   width:650px;
   float:left;
   margin:20px 0 0 50px;
}
#googleMap {
     width:420px;
	 float:left;
	 height:308px;
	 display:block;
	 margin:8px 0 8px 3px;
	 padding:0 0 0 180px;
}
.con_map
{
   width:626px;
   float:left;
   background:#e8e8e8;
   border:1px solid #a6a6a6;
   -moz-box-shadow:    inset 0 0 5px #a0a0a0;
   -webkit-box-shadow: inset 0 0 5px #a0a0a0;
   box-shadow:         inset 0 0 5px #a0a0a0;
   margin:20px 0 0 0;
   padding:0;
}
.con_pan_right
{
   width:650px;
   float:left;
   margin:20px 0 0 50px;
}
.con_add_box_in
{
   width:200px;
   float:left;
   height:300px;
}
.social_in
{
   width:210px;
   float:right;
   padding:30px 20px 55px 0;
}
.con_add_box2
{
   width:525px;
   float:left;
   height:322px;
   background:#3f5673;
   border:1px solid #3f5673;
   -moz-box-shadow:    inset 0 0 5px #3f5673;
   -webkit-box-shadow: inset 0 0 5px #3f5673;
   box-shadow:         inset 0 0 5px #3f5673;
   margin:14px 0 0 0;
   padding:0 50px;
}
input.con_fld2
{
   width:500px;
   float:left;
   height:39px;
   background:#fff;
   display:block;
   border:1px solid #bcbcbc;
   font:16px/39px 'Open Sans', sans-serif;
   color:#1c1c1c;
   padding:0 0 0 10px;
   margin:11px 0 0 0;
}
textarea.con_fld2
{
   width:500px;
   float:left;
   height:78px;
   background:#fff;
   display:block;
   border:1px solid #bcbcbc;
   font:16px/39px 'Open Sans', sans-serif;
   color:#1c1c1c;
   padding:0 0 0 10px;
   margin:11px 0 0 0;
}
input.reg_btn
{
   width:85px;
   float:right;
   height:28px;
   cursor:pointer;
   background:#38b1ec;
   display:block;
   border:1px solid #38b1ec;
   font:16px/25px 'Open Sans', sans-serif;
   color:#fff;
   text-align:center;
   text-transform:uppercase;
   vertical-align:middle;
   margin:11px 13px 0 8px;
}
/*-----------contact end-----------*/
.con_pan3
{
   width:90%;
   margin:10px auto;
   background:#e8e8e8;
   border:1px solid #a6a6a6;
  -moz-box-shadow:    inset 0 0 5px #a0a0a0;
   -webkit-box-shadow: inset 0 0 5px #a0a0a0;
   box-shadow:         inset 0 0 5px #a0a0a0;
   padding:20px 0 0 0;
}
/*-------------emergency find pro start----------------*/
.inner_pan_right
{
   width:722px;
   float:right;
}
.right_box2
{
   width:215px;
   float:left;
   background:#e8e8e8;
   border:1px solid #d3d3d3;
  -moz-box-shadow:    inset 0 0 5px #e8e8e8;
   -webkit-box-shadow: inset 0 0 5px #e8e8e8;
   box-shadow:         inset 0 0 5px #e8e8e8;
   margin:10px 0 5px 20px;
}
.right_box
{
   width:215px;
   float:left;
   margin:10px 0 0 0;
}

.right_box h2
{
   width:160px;
   float:left;
   padding:0 0 8px 35px;
   margin:15px 10px 0 10px;
}
/*-------------emergency find pro end----------------*/
.con_pan_left_com
{
   width:260px;
   float:left;
   margin:0 0 0 5%;
   
}
.con_pan_mid_com
{
   width:260px;
   float:left;
   margin:0 0 0 30%;
}
.con_pan_right_com2
{
   width:260px;
   float:left;
   margin:0 0 0 30%;
}
/*--------------------write_review_thank_you start----------------------*/
.input_out {
	width:70%;
	float:left;
	display:block;
}
.inner_pan_left h4
{
   width:70%;
   float:left;
   display:block;
   font:16px/50px 'Open Sans', sans-serif;
   color:#1c1c1c;
   text-align:center;
}
.inner_pan_left h5
{
   width:70%;
   float:left;
   display:block;
   font:16px/20px 'Open Sans', sans-serif;
   color:#1c1c1c;
   text-align:center;
   padding:34px 0 0 0;
}
.inner_pan_left h6
{
   width:70%;
   float:left;
   display:block;
   font:16px/20px 'Open Sans', sans-serif;
   color:#1c1c1c;
   text-align:center;
   padding:34px 0 0 0;
}
input.thnx_btn
{
   width:85px;
   float:left;
   height:28px;
   cursor:pointer;
   background:#ff9001;
   display:block;
   border:1px solid #bf6c01;
   font:bold 14px/14px 'Open Sans', sans-serif;
   color:#000;
   text-align:center;
   text-transform:uppercase;
   vertical-align:middle;
   margin:20px 0 0 40%;
}

/*--------------------write_review_thank_you end----------------------*/

/*--------------------write_review_thank_you start----------------------*/
.input_out {
	width:70%;
	float:left;
	display:block;
}
.inner_pan_left h4
{
   width:70%;
   float:left;
   display:block;
   font:16px/50px 'Open Sans', sans-serif;
   color:#1c1c1c;
   text-align:center;
}
.inner_pan_left h5
{
   width:70%;
   float:left;
   display:block;
   font:16px/20px 'Open Sans', sans-serif;
   color:#1c1c1c;
   text-align:center;
   padding:34px 0 0 0;
}
.inner_pan_left h6
{
   width:70%;
   float:left;
   display:block;
   font:16px/20px 'Open Sans', sans-serif;
   color:#1c1c1c;
   text-align:center;
   padding:34px 0 0 0;
}
input.thnx_btn
{
   width:85px;
   float:left;
   height:28px;
   cursor:pointer;
   background:#ff9001;
   display:block;
   border:1px solid #bf6c01;
   font:bold 14px/14px 'Open Sans', sans-serif;
   color:#000;
   text-align:center;
   text-transform:uppercase;
   vertical-align:middle;
   margin:20px 0 0 40%;
}

/*--------------------write_review_thank_you end----------------------*/


}


/*480*/
@media only screen and (max-width : 749px){


#wrapper
{
   width:95%;
   margin:0 auto;
}
.main

{
   width:100%;
   float:left;
}

.header
{
   width:100%;
   float:left;
}

.res_nav {
	display:block;
	width:100%;
	float:left;
}
.navi_part {
	display:none;
}
.nav_pan

{
   display:none;
}
a.home
{
   display:none;
}
.search_panel
{
   display:none;
}

.ser_out
{
   width:50%;
   float:left;
   /*display:block;*/
}
.log_panel
{
   width:190px;
   float:left;
   /*display:block;*/
   margin:0 0 5px 28%;
}
.Logo
{

   width:100%;
   float:left;
   margin:0 0 0 48%;
}
.logo_out 
{
	width:242px;
	height:auto;
	float:left;
	display:block;
}
.banner
{
   width:100%;
   float:left;
   margin:2px 0 0 0;
}

.body_panel_in_con
{
   display:block;
   float:left;
   border-bottom:none;
   margin-bottom:2%;
}
.body_line
{
  display:none;
}
span.featured
{
   display:none;
}

.body_logo

{
   display:none;
   margin:0;
}
.body_panel
{
   width:100%;
   float:left;
   background:none;
}
.body_panel_in
{
   width:100%;
   margin:0;
   float:left;
}
.body_panel_in_con

{
   width:100%;
   float:left;
}
.body_panel_in_con h3

{

   font:bold 14px/28px 'Open Sans', sans-serif;
   color:#434343;   
   border-bottom:1px solid #e5e5e5; 
   width:100%;
   float:left;
   display:block;  
   padding:12px 0 0 2px;

}
.body_panel_in_con p
{
   font:14px/20px 'Open Sans', sans-serif;
   color:#434343;
   text-align:justify;
   width:98%;
   float:left;
   padding:0 1%;
   margin:0;
   border-bottom:0;
}




/*-----------contact start-----------*/
.con_pan_left
{
   width:300px;
   float:left;
   margin:0 0 0 5px;
}
.con_add_box
{
   width:270px;
   float:left;
   background:#e8e8e8;
   border:1px solid #a6a6a6;
   -moz-box-shadow:    inset 0 0 5px #a0a0a0;
   -webkit-box-shadow: inset 0 0 5px #a0a0a0;
   box-shadow:         inset 0 0 5px #a0a0a0;
   margin:20px 0 0 0;
   padding:0 0 0 26px;
}


.con_pan_mid
{
   width:290px;
   float:left;
   margin:20px 0 0 5px;
}
#googleMap {
     width:250px;
	 float:left;
	 height:308px;
	 display:block;
	 margin:8px 0 8px 3px;
   padding:0;
}
.con_map
{
   width:300px;
   float:left;
   background:#e8e8e8;
   border:1px solid #a6a6a6;
   -moz-box-shadow:    inset 0 0 5px #a0a0a0;
   -webkit-box-shadow: inset 0 0 5px #a0a0a0;
   box-shadow:         inset 0 0 5px #a0a0a0;
   margin:20px 0 0 0;
}
.con_add_box2
{
   width:300px;
   float:left;
   height:322px;
   background:#3f5673;
   border:1px solid #3f5673;
   -moz-box-shadow:    inset 0 0 5px #3f5673;
   -webkit-box-shadow: inset 0 0 5px #3f5673;
   box-shadow:         inset 0 0 5px #3f5673;
   margin:14px 0 0 0;
   padding:0 0 0 3px;
}
.con_pan_right
{
   width:305px;
   float:left;
   margin:20px 0 0 3px;
   padding:0;
}
.con_add_box_in
{
   width:200px;
   float:left;
   height:250px;
}
.social_in
{
   width:210px;
   float:right;
   padding:0 10px 10px 0;
}
.con_add_box2
{
   width:300px;
   float:left;
   height:322px;
   background:#3f5673;
   border:1px solid #3f5673;
   -moz-box-shadow:    inset 0 0 5px #3f5673;
   -webkit-box-shadow: inset 0 0 5px #3f5673;
   box-shadow:         inset 0 0 5px #3f5673;
   margin:14px 0 0 0;
   padding:0 0 0 2px;
}
input.con_fld2
{
   width:285px;
   float:left;
   height:39px;
   background:#354960;
   display:block;
   border:1px solid #354960;
   font:16px/39px 'Open Sans', sans-serif;
   color:#fff;
   padding:0 0 0 10px;
   margin:11px 0 0 0;
}
textarea.con_fld2
{
   width:285px;
   float:left;
   height:78px;
   background:#fff;
   display:block;
   border:1px solid #bcbcbc;
   font:16px/39px 'Open Sans', sans-serif;
   color:#1c1c1c;
   padding:0 0 0 10px;
   margin:11px 0 0 0;
}
input.reg_btn
{
   width:85px;
   float:right;
   height:28px;
   cursor:pointer;
   background:#38b1ec;
   display:block;
   border:1px solid #38b1ec;
   font:16px/25px 'Open Sans', sans-serif;
   color:#000;
   text-align:center;
   text-transform:uppercase;
   vertical-align:middle;
   margin:11px 3px 0 8px;
}
/*-----------contact end-----------*/

.banner_inner

{
   width:100%;
   float:left;
   background:url(../images/banner_inn.jpg) repeat-x 0 0;
   height:95px;
   margin:1px 0 0 0;
}
.ban_flip
{
   width:20%;
   float:left;
   margin:0 0 0 3%;
}
.banner_inner p

{
   width:50%;
   float:right;
   font:bold 13px/18px 'Open Sans', sans-serif;
   color:#f9f9f9;
   text-align:center;
   padding-top:15px;
   padding-right:5px;
}
/*-------------emergency find pro start----------------*/
.inner_pan_right
{
   width:300px;
   float:left;
   margin:0 0 0 120px;
   
}
.right_box2
{
   width:215px;
   float:left;
   background:#e8e8e8;
   border:1px solid #d3d3d3;
  -moz-box-shadow:    inset 0 0 5px #e8e8e8;
   -webkit-box-shadow: inset 0 0 5px #e8e8e8;
   box-shadow:         inset 0 0 5px #e8e8e8;
   margin:10px 0 5px 70px;
}
.right_box
{
   width:215px;
   float:left;
   margin:0 0 0 70px;
}

.right_box h2
{
   width:160px;
   float:left;
   padding:0 0 8px 35px;
   margin:15px 10px 0 10px;
}
.inner_pan_left
{
   width:400px;
   float:left;
}
.con_pan_left_find
{
   width:300px;
   float:left;
   margin:0;
   padding:0;
}
.con_pan_left_heading_find
{
   width:300px;
   float:left;
   height:60px;
   font:bold 16px/30px 'Open Sans', sans-serif;
   color:#434343;
   margin:0;
}
input.nxt_btn
{
   width:85px;
   float:right;
   height:28px;
   cursor:pointer;
   background:#ff9001;
   display:block;
   border:1px solid #bf6c01;
   font:16px/25px 'Open Sans', sans-serif;
   color:#000;
   text-align:center;
   text-transform:uppercase;
   vertical-align:middle;
   margin:0 22px 0 0;
}
input.nxt_btn2
{
   width:85px;
   float:right;
   height:28px;
   cursor:pointer;
   background:#ff9001;
   display:block;
   border:1px solid #bf6c01;
   font:16px/25px 'Open Sans', sans-serif;
   color:#000;
   text-align:center;
   text-transform:uppercase;
   vertical-align:middle;
   margin:0 35px 0 12px;
}
span.find_term input
{
   margin:8px 0 8px 0;
   width:20px;
   float:left;
}
span.find_term
{
   font:16px/30px 'Open Sans', sans-serif;
   color:#1c1c1c;
   width:67%;
   float:left;
   text-align:left;
   display:block;
   padding:0; 
}

.con_txt_fld_find
{
   width:300px;
   float:left;
   margin:0 0 30px 0;
   padding:0 0 0 4px;
   height:auto;
}
label.find_fld
{
   width:230px;
   float:left;
   font:16px/20px 'Open Sans', sans-serif;
   color:#434343;
   display:block;
   text-align:left; 
   padding-right:10px; 
}
select.find_txt_fld
{
   width:261px;
   float:left;
   height:26px;
   background:#fff;
   display:block;
   border:1px solid #bcbcbc;
   font:16px/26px 'Open Sans', sans-serif;
   color:#1c1c1c;
   padding:0 0 0 10px;
   margin:10px 0;
}
textarea.con_fld_find
{
   width:248px;
   float:left;
   height:90px;
   display:block;
   border:1px solid #bcbcbc;
   font:16px/24px 'Open Sans', sans-serif;
   color:#1c1c1c;
   padding:0 0 0 10px;
   margin:11px 0 0 0;
}

.gallery_out_pan
{
   width:300px;
   float:left;
   height:318px;
   margin:0 0 50px 0;
   overflow:auto;
}
.gallery
{
   width:230px;
   float:left;
   margin:10px 0;
}
.gall_out
{
   width:210px;
   float:left;
   margin:0 5px 0 0;
}
.gall_out2
{
   width:210px;
   float:left;
}
.gallery_out_pan
{
   width:250px;
   float:left;
   height:318px;
   margin:20px 0 50px 188px;
   overflow-y: scroll; /* has to be scroll, not auto */
}
/*-------------emergency find pro end----------------*/
.con_pan_mid_com
{
   width:260px;
   float:left;
   margin:0 0 0 3%;
}

/*-------------How it works start----------------*/
.blue_part
{
   width:460px;
   float:left;
   background:url(../images/blue_bg.png) no-repeat 0 0;
   height:104px;
   display:block;
   margin:16px 0 0 0;
}
.blue_part h2
{
   font:18px/20px 'Open Sans', sans-serif;
   color:#434343;
   width:280px;
   float:left;
   padding:32px 0 0 32px;
   display:block;
}
.right_box
{
   width:215px;
   float:left;
   background:#e8e8e8;
   border:1px solid #d3d3d3;
  -moz-box-shadow:    inset 0 0 5px #e8e8e8;
   -webkit-box-shadow: inset 0 0 5px #e8e8e8;
   box-shadow:         inset 0 0 5px #e8e8e8;
   margin:10px 0 0 0;
}
.right_box2
{
   width:215px;
   float:left;
   background:#e8e8e8;
   border:1px solid #d3d3d3;
  -moz-box-shadow:    inset 0 0 5px #e8e8e8;
   -webkit-box-shadow: inset 0 0 5px #e8e8e8;
   box-shadow:         inset 0 0 5px #e8e8e8;
   margin:10px 0 5px 10px;
}

.inner_pan_right
{
   width:100%;
   float:left;
   margin:0;
}


/*-------------How it works end----------------*/
input.find_sub_btn
{
   width:85px;
   float:right;
   margin:10px 38px 0 0;
}
/*--------------------write_review_thank_you start----------------------*/
.input_out {
	width:100%;
	float:left;
	display:block;
}
.inner_pan_left h4
{
   width:100%;
   float:left;
   display:block;
   font:16px/50px 'Open Sans', sans-serif;
   color:#1c1c1c;
   text-align:center;
}
.inner_pan_left h5
{
   width:100%;
   float:left;
   display:block;
   font:16px/20px 'Open Sans', sans-serif;
   color:#1c1c1c;
   text-align:center;
   padding:34px 0 0 0;
}
.inner_pan_left h6
{
   width:100%;
   float:left;
   display:block;
   font:16px/20px 'Open Sans', sans-serif;
   color:#1c1c1c;
   text-align:center;
   padding:34px 0 0 0;
}
input.thnx_btn
{
   width:85px;
   float:left;
   height:28px;
   cursor:pointer;
   background:#ff9001;
   display:block;
   border:1px solid #bf6c01;
   font:bold 14px/14px 'Open Sans', sans-serif;
   color:#000;
   text-align:center;
   text-transform:uppercase;
   vertical-align:middle;
   margin:20px 0 0 40%;
}

/*--------------------write_review_thank_you end----------------------*/
.footer_in_con_right
{
  width:85px;
  float:right;
  display:block;
  margin:10px 160px 0 0;
}

} 

/*320*/
@media only screen and (max-width : 479px){


#wrapper
{
   width:95%;
   margin:0 auto;
}
.main

{
   width:100%;
   float:left;
}

.header
{
   width:100%;
   float:left;
}

.res_nav {
	display:block;
	width:100%;
	float:left;
}
.navi_part {
	display:none;
}
.nav_pan

{
   display:none;
}
a.home
{
   display:none;
}
.search_panel
{
   display:none;
}
.ser_out
{
   width:50%;
   float:left;
   /*display:block;*/
}
.log_panel
{
   width:110px;
   float:left;
   /*display:block;*/
   margin:0 0 0 38%;
}
.Logo
{

   width:94%;
   float:left;
   margin:0 0 0 40%;
}
.logo_out 
{
	width:242px;
	height:auto;
	float:left;
	display:block;
}
.banner
{
   width:100%;
   float:left;
   margin:2px 0 0 0;
}

.body_panel_in_con
{
   display:block;
   float:left;
   border-bottom:none;

   margin-bottom:2%;
}
.body_line
{
  display:none;
}
span.featured
{
   display:none;
}

.body_logo

{
   display:none;
   margin:0;
}
.body_panel
{
   width:100%;
   float:left;
   background:none;
}
.body_panel_in
{
   width:100%;
   margin:0;
   float:left;
}
.body_panel_in_con

{
   width:100%;
   float:left;
}
.body_panel_in_con h3

{

   font:bold 14px/28px 'Open Sans', sans-serif;
   color:#434343;   
   border-bottom:1px solid #e5e5e5; 
   width:100%;
   float:left;
   display:block;  
   padding:12px 0 0 2px;

}
.body_panel_in_con p
{
   font:14px/20px 'Open Sans', sans-serif;
   color:#434343;
   text-align:justify;
   width:96%;
   float:left;
   padding:0 2%;
   margin:0;
   border-bottom:0;
}



.banner_inner

{
   width:100%;
   float:left;
   background:url(../images/banner_inn.jpg) repeat-x 0 0;
   height:95px;
   margin:1px 0 0 0;
}
.ban_flip
{
   width:20%;
   float:left;
   margin:0 0 0 3%;
}
.banner_inner p

{
   width:50%;
   float:right;
   font:bold 13px/18px 'Open Sans', sans-serif;
   color:#f9f9f9;
   text-align:center;
   padding-top:15px;
   padding-right:5px;
}
input.con_fld3
{
   width:220px;
   float:left;
   height:26px;
   background:#fff;
   display:block;
   border:1px solid #bcbcbc;
   font:14px/26px 'Open Sans', sans-serif;
   color:#1c1c1c;
   padding:0 0 0 10px;
   margin:11px 0 0 11px;
}
input.reg_btn
{
   width:85px;
   float:right;
   height:28px;
   cursor:pointer;
   background:#38b1ec;
   display:block;
   border:1px solid #38b1ec;
   font:16px/25px 'Open Sans', sans-serif;
   color:#000;
   text-align:center;
   text-transform:uppercase;
   vertical-align:middle;
   margin:11px 40px 0 8px;
}

/*-------------emergency find pro start----------------*/
.inner_pan_right
{
   width:300px;
   float:right;
}
.right_box2
{
   width:215px;
   float:left;
   background:#e8e8e8;
   border:1px solid #d3d3d3;
  -moz-box-shadow:    inset 0 0 5px #e8e8e8;
   -webkit-box-shadow: inset 0 0 5px #e8e8e8;
   box-shadow:         inset 0 0 5px #e8e8e8;
   margin:10px 0 5px 45px;
}
.right_box
{
   width:215px;
   float:left;
   margin:0 0 0 45px;
}

.right_box h2
{
   width:160px;
   float:left;
   padding:0 0 8px 35px;
   margin:15px 10px 0 10px;
}
.inner_pan_left
{
   width:400px;
   float:left;
}
.con_pan_left_heading_find
{
   width:300px;
   float:left;
   height:60px;
   font:bold 16px/30px 'Open Sans', sans-serif;
   color:#434343;
   margin:6px 0 0 0;
}
.gallery_out_pan
{
   width:300px;
   float:left;
   height:318px;
   margin:0 0 50px 0;
   overflow:auto;
}
.gallery
{
   width:230px;
   float:left;
   margin:10px 0;
}
.gall_out
{
   width:210px;
   float:left;
   margin:0 5px 0 0;
}
.gall_out2
{
   width:210px;
   float:left;
}
.gallery_out_pan
{
   width:250px;
   float:left;
   height:318px;
   margin:20px 0 50px 50px;
   overflow-y: scroll; /* has to be scroll, not auto */
}

/*-------------emergency find pro end----------------*/


/*-------------How it works start----------------*/
.blue_part
{
   width:300px;
   float:left;
   background:url(../images/blue_bg.png) no-repeat 0 0;
   height:auto;
   display:block;
   margin:16px 0 0 0;
   background:#b6e6fa;
}
.blue_part h2
{
   font:18px/20px 'Open Sans', sans-serif;
   color:#434343;
   width:74%;
   float:left;
   padding:32px 0 0 10px;
   display:block;
}
.blue_benefit
{
   width:130px;
   float:left;
   height:78px;
   display:block;
   margin:12px 14px 15px 10px;
} 
.right_box
{
   width:215px;
   float:left;
   margin:18px 0 0 40px;
}
.right_box2
{
   width:215px;
   float:left;
   margin:10px 0 0 40px;
}
/*-------------How it works end----------------*/
input.find_sub_btn
{
   width:85px;
   float:right;
   margin:10px 38px 0 0;
}


/*--------------------write_review_thank_you start----------------------*/
.input_out {
	width:60%;
	float:left;
	display:block;
}
.inner_pan_left h4
{
   width:60%;
   float:left;
   display:block;
   font:16px/50px 'Open Sans', sans-serif;
   color:#1c1c1c;
   text-align:center;
}
.inner_pan_left h5
{
   width:60%;
   float:left;
   display:block;
   font:16px/20px 'Open Sans', sans-serif;
   color:#1c1c1c;
   text-align:center;
   padding:34px 0 0 0;
}
.inner_pan_left h6
{
   width:60%;
   float:left;
   display:block;
   font:16px/20px 'Open Sans', sans-serif;
   color:#1c1c1c;
   text-align:center;
   padding:34px 0 0 0;
}
input.thnx_btn
{
   width:85px;
   float:left;
   height:28px;
   cursor:pointer;
   background:#ff9001;
   display:block;
   border:1px solid #bf6c01;
   font:bold 14px/14px 'Open Sans', sans-serif;
   color:#000;
   text-align:center;
   text-transform:uppercase;
   vertical-align:middle;
   margin:20px 0 0 40%;
}

/*--------------------write_review_thank_you end----------------------*/

/*--------------find pro4 start----------------*/
.inner_pan_left
{
   width:100%;
   float:left;
}
.find_roofers
{
   width:90%;
   float:left;
   background:#fbfbfb;
   border:1px solid #bcbcbc;
   margin:10px 0;
   padding:0 0 0 12px;
}

/*--------------find pro4 end----------------*/

.footer_in_con_right
{
  width:85px;
  float:right;
  display:block;
  margin:10px 110px 0 0;
}
} 

/*200*/
@media only screen and (max-width : 379px){


#wrapper
{
   width:95%;
   margin:0 auto;
}
.main

{
   width:100%;
   float:left;
}

.header
{
   width:100%;
   float:left;
}

.res_nav {
	display:block;
	width:100%;
	float:left;
}
.navi_part {
	display:none;
}
.nav_pan

{
   display:none;
}
a.home
{
   display:none;
}
.search_panel
{
   display:none;
}
.ser_out
{
   width:50%;
   float:left;
   /*display:block;*/
}
.log_panel
{
   width:110px;
   float:left;
   /*display:block;*/
   margin:0 0 0 36%;
}
.Logo
{

   width:94%;
   float:left;
   margin:0 0 0 14%;
}
.logo_out 
{
	width:242px;
	height:auto;
	float:left;
	display:block;
}
.banner
{
   width:100%;
   float:left;
   margin:2px 0 0 0;
}

.body_panel_in_con
{
   display:block;
   float:left;
   border-bottom:none;
   margin-bottom:2%;
}
.body_line
{
  display:none;
}
span.featured
{
   display:none;
}

.body_logo

{
   display:none;
   margin:0;
}
.body_panel
{
   width:100%;
   float:left;
   background:none;
}
.body_panel_in
{
   width:100%;
   margin:0;
   float:left;
}
.body_panel_in_con

{
   width:100%;
   float:left;
}
.body_panel_in_con h3

{

   font:bold 13px/28px 'Open Sans', sans-serif;
   color:#434343;   
   border-bottom:1px solid #e5e5e5; 
   width:100%;
   float:left;
   display:block;  
   padding:12px 0 0 2px;

}
.body_panel_in_con p
{
   font:14px/20px 'Open Sans', sans-serif;
   color:#434343;
   text-align:justify;
   width:96%;
   float:left;
   padding:0 2%;
   margin:0;
   border-bottom:0;
}


.footer_in_con_right
{
  width:85px;
  float:right;
  display:block;
  margin:10px 100px 0 0;
}
}