.hide_nav{
    position: relative;
    display: none;
}

.hid_l{
	display:none;
	background:url(../images/mb_list.png) 0 18px no-repeat;
	margin-left:20px;
	list-style-type:none;
	}
.hid_l a{
	color:#202020;
	padding-left:35px;
	font:bold 16px/22px Arial, Helvetica, sans-serif;
	}
.hid_l a:hover{
	color:#892B25;
	}
        
.m_logo{
        display: none;
        }
@media (max-width: 970px) {
    
    .pic{
 margin-left: 0;
    }
    
    .bd_part{
        float: none;
        width: 92%;
    }
    #bodySec{
        width: 95%;
    }
    
        #main-nav{
            display: block;
        }
        
        #menu{
            display: none;
        }
    
    #banner_sec{
        display: none;
    }
    
            #wowslider-container1{
            display: block;
        }
        
        .ws_images{
            display: block;
        }
        
    .logo{
        display: none;
    }
    
.m_logo{
        display: block;
        text-align: center;
        } 
        
.hide_nav{
    display: block;
}

.hid_l{
	display:block;
	}
        
.hid_l a{
	cursor:pointer;
	}
        
#menu ul.menu{
	display:none;
	position:absolute;
	top:232px;
	left:0px;
        right: 0px;
	margin-left:0!important;
	z-index:6000;
	width:96%;
	padding:10px;
	background-color: #ffffff !important;
        background-image: none !important;
	border-radius:0px 0px 8px 8px;
	-moz-border-radius:0px 0px 8px 8px;
	box-shadow:inset 0 -20px 80px 0 rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0 -20px 80px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow:inset 0 -20px 80px 0 rgba(0,0,0,0.2);
	-khtml-box-shadow:inset 0 -20px 80px 0 rgba(0,0,0,0.2);
	}
        
        div#menu{
        border-bottom: 1px solid #000000; 
        width: 100% !important;
        }
        
#menu ul.menu li{
            float: none;
            width: 100%;
        }     
#menu ul.menu li a{
            float: none;
            width: 92%;
        } 
#menu.menu ul li a span{
        float:none;
	margin-bottom:4px;
	padding-left:5%;
	border:1px solid transparent;
	line-height:34px;
        width: 100%;
        background:none;
	}	
        
#menu.menu ul li a:hover,#menu.menu ul li a.active{
	background:none;
	color:#202020;
	}	
        
        header{
            width: 100%;
        }
        
        .shadow{
            display: none;
        }
        #banner_sec{
            float: left;
        }
        
        #banner .icon img{
            left: 46%;  
        }
        
        
        #banner h1{
            font-size: 24px;
            top: 0px;
        }
        
                #banner h2{
            font-size: 20px;
            top: 38px;
        }
        
        .bodySec,.bodySec img,.panes{
            float: none;
            margin-bottom: 20px;
        }
        
                .panes{
            width: 100%;
        }
        
        .left_box{
            width: 88%;
        }
        #banner_sec{
            width: 98%;
            padding-left: 1%;
        }
        
        .nobg{
            width: 88%;
        }
       
        .how_work{
            float: none;
            margin-bottom: 20px;
        }
        
        .nomg{
            height: 196px;
        }
        
        #headerTop{
            width: 96%;
            padding: 10px 0 0 10px !important;
        }
        
        div#menu li.back {
    background-image: none !important;
}

div#menu li.back .left {
    background-image: none !important;
}

.padding {
padding-left: 40px !important;
}

.panes2{
    width: 96%;
    }
    
    .input2, .area, .input3{
        width: 55%;
    }
    
    .select{
        width: 61%;
    }
    
        .op_h, .op_h2{
        margin: 8px 10px;
    }
    
    .op{
        margin: 4px 0;
    }
}

@media (max-width: 780px) {
    #bodySec{
        width: 94%;
    }
    
     .text_form, .text{
        width: 100%;
        float: left;
    } 
        .input2, .area, .input3{
    width: 80%; 
    float: left;
    }
    
    .select{
        width: 84%;
        float: left;
    }
    
    .submit{
        float: left;
    }
}

@media (max-width: 670px) {
    #bodySec{
        width: 93%;
    }
         .client_left{
     float: none;
     width: 80%;
     margin-right: 10%;
 }

  .client_right{
     float: none;
     width: 99%;
 }
}

@media (max-width: 600px) {
    
    .m_logo a img{
        width: 25%;
    }

    #wowslider-container1 .ws_images{
	height:150px;
    }

#wowslider-container1 .ws_images img{
        height:150px;
        }  
    
    .form_container{
    width: 90%;    
    }
}

@media (max-width: 570px) {
    #bodySec{
        width: 92%;
    }
}

@media (max-width: 520px) {
    #bodySec{
        width: 91%;
    }
    
        .input2, .area, .input3{
    width: 90%; 
    float: left;
    }
    
    .select{
        width: 98%;
        float: left;
    }
}
@media (max-width: 450px) {

    #wowslider-container1 .ws_images{
	height:120px;
    }

#wowslider-container1 .ws_images img{
        height:120px;
        }   
        
    #bodySec{
        width: 89%;
    }
}