@media screen and (min-width:240px) and (max-width:640px)


{


.wrap{width:95%; margin:0 auto;}


.wrap1{width:95%; margin:0 auto;}





.srch{margin-top:10px;}





.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {


	width:100%!important;


	display:block;


    float: left!important;


	margin-top:10px;


	margin-bottom:10px;


  }


  


.menu_adj{margin-top:0px; padding-left:0px;}





.bann-right{min-height:240px; height:auto; padding-bottom:15px;}





}








@media screen and (min-width:768px) and (max-width:1024px)


{


.wrap{width:95%; margin:0 auto;}


.wrap1{width:95%; margin:0 auto;}





.menu ul{list-style:outside none none; }





.menu a{padding:0 5px; line-height:20px;}





}





@media screen and (min-width:900px) and (max-width:1024px)


{








.nav a {


    padding: 20px 5px 20px;





}





}





@media screen and (min-width:240px) and (max-width: 800px) {


	


    .active {


        display: block;


    }


	


	.nav{float:none; margin-top:0px;}


    .nav > li {


        float: none;
height:40px;

		


    }


	


	.nav a {


		


		background:url(../images/bg.jpg) scroll 50% 100% transparent;


		display:block;


		margin:0;


		padding:0px;


		text-align:left;


		border-bottom: 1px solid #D8D8D8;


	}


	.nav a:hover {


    color: #fff!important;


	background:#f6f6f6;


}


    .nav > li > .parent {


        background-position: 95% 50%;


    }


    .nav li li .parent {


        background-image: url("../images/downArrow.png");


        background-repeat: no-repeat;


        background-position: 95% 50%;


    }


	


	.nav li li a {


    background:url(../images/bg.jpg) scroll 50% 100% transparent;


	width:auto;


	text-align:left;


}





    .nav ul {


        display: block;


        width: 100%;


    }


   .nav > li.hover > ul , .nav li li.hover ul {


        position: static;


    }


	.col-md-6{text-align:center!important;}





}