.selector{display:inline-block; }
.selector .selector-input{width:198px; height:38px; line-height:30px;border:1px solid #c5c5c5; color:#58595b; cursor:pointer; padding-left:5px;}
.selector .selector-input.selector-input-active{border: 1px solid #58595b; color:#58595b;}
.selector .selector-button{width:18px; height:20px; display:inline-block; text-decoration:none; background:url(../images/select-down-arrow.png) no-repeat 0 0 #FFFFFF; margin-left:-20px;vertical-align:middle;}
.selector .selector-button.selector-button-active{background-position:0 -20px; border-color:#0299F9;}

.selector.selector-filter .selector-input{cursor:text;}
.selector.selector-disabled .selector-input{border-color:#9F9E9E;}
.selector.selector-disabled .selector-button{background-position:0 -40px; border-color:#9F9E9E;}

.selector-menu{display:none; padding:3px; border:1px solid #0299F9; background:#fff; position:absolute; text-align:left; z-index:10000;}
.selector-menu a{text-decoration:none;}
.selector-menu a:hover{text-decoration:underline;}
.selector-menu ul{margin:0; padding:0; list-style:none outside none;}

.selector-menu-header{ display:none;}
.selector-menu-header:after{clear:both; display:table; content:""; }
.selector-menu-header li{float:left;}
.selector-menu-header li a{color:#FFFFFF;}
.selector-menu-header .li-close{float:right; margin-right:3px;}
.selector-menu-header .li-close .icon-close{display:block; width:16px; height:16px; background:url(selector_icon_sprite.html) no-repeat -1px -62px;}

.selector-menu-list{height:250px; overflow-y:scroll; color:#646464;}
.bs-example .cate{background:url(../images/select-down-arrow.png) no-repeat 96% 9px #FFFFFF;}

.selector-menu-list ul{height:auto; overflow-y:auto; position:relative;}
.selector-menu-list ul li{padding:0 3px;margin-top:1px;}
.selector-menu-list label{cursor:default; display:block; padding:1px 1px 4px 3px;}
.selector-menu-list label input{position:relative; top:1px;}
.selector-menu-list .item-active{background:#70BBE3; color:#fff; font-weight:bold; -moz-border-radius:3px; border-radius:3px; }
.selector-menu-list .item-hover{background:#e11b22; color:#fff;}
.selector-menu-list .item-disabled{background:#ccc; -moz-border-radius:3px; border-radius:3px; font-weight:bold;}
.selector-menu-list .group-line{overflow:hidden; line-height:0px; font-size:0px; border-bottom:1px solid #DDDDDD;}

.selector-menu-single label{padding:3px; font-weight:400!important;}
.selector-menu-single label input{left:-999px; position:absolute!important; top:auto!important;}
label{font-weight:400!important;}
.selector-menu-list label span{ padding-left:5px;}
#footer-strip label{float:left; line-height:34px; border-right:#fff solid 2px; margin-right:17px; padding:2px 10px 1px 0;}


#sectionA{}
#sectionA #city{position: relative;}
#sectionA #city .selector-button{    float: right;margin-left: 0px; position: absolute; top: 0; right: 9px;}
#sectionA #pub{position: relative;}
#sectionA #pub .selector-button{ float: right;  margin-left: 0px;position: absolute; top: 0;  right: 9px;}

form #city{position: relative;}
form #city .selector-button{    float: right;margin-left: 0px; position: absolute; top: 0; right: 9px;}
form #pub{position: relative;}
form #pub .selector-button{ float: right;  margin-left: 0px;position: absolute; top: 0;  right: 9px;}






@media only screen and (min-width:768px) and (max-width:1100px){
img{max-width:100%;}
.selector .selector-input{margin-bottom:3px;}
.wpf-demo-3{width:100%;}
.news-papers{overflow:hidden;}
.effect-jazz{min-width:auto;}
.effect-jazz figcaption{padding:2px;}
.logo1, .logo2, .logo3, .logo4, .logo5, .logo6, .logo7, .logo8{width:100%;}
#testimonials .carousel-control{display:none;}
#head-id h3{font-size:12px;}
.selector .selector-input{width:100%;}
}



@media only screen and (min-width:768px) and (max-width:1023px){
.bs-example .cate, .bs-example .city, .bs-example .selector{width:48%;}
.bs-example .selector-input{width:100%;}
#head-id p a{font-size:11px;}
#head-id h3{font-size:12px; font-weight:normal; padding-right:7px; margin-top:10px;}
#head-id h3 span{float:left; width:100%;}
.effect-jazz h2{font-size:17px;}
#footer-strip label{border-right:none; width:41%;}
.bs-example .cate{background:url(../images/select-down-arrow.png) no-repeat 99% 9px #FFFFFF;}
.eq5 h6{font-size:11px;}
.selector .selector-input{width:100% !important;}
.bner_pos{margin-bottom:0;}

}

@media only screen and (max-width:767px){
.bs-example .cate{margin-bottom:6px;}
.bs-example .selector{width:100%; margin-bottom:6px;}
.selector .selector-input{width:100% !important;}
img{max-width:100%;}
.cate{width:100%;}
.search-img{width:100%;}
#portfolio{display:none;}
<!--#banner{display:none;}-->
.search-bg-clas{margin-top:90px;}
.ft_vid{display:none;}
#footer-strip{padding-bottom:40px;}
#footer-strip label{width:100%; float:left; border-bottom:#212221 solid 1px; border-right:none; padding:10px 0;}
.bs-example .cate{background:#FFFFFF url(../images/select-down-arrow.png) no-repeat 99% 9px;}
.nav > li.nomobile{display:none;}
.logo1, .logo2, .logo3, .logo4, .logo5, .logo6, .logo7, .logo8{width:100%;}
.selector-filter{width:100%;}
#how-to-book{margin-top:68px;}
#drop-as{right:auro; top:30px;}
.bner_pos{ min-height:auto; margin-top:50px;}
.bner_pos .search-bg-clas {
    left:1%;
	right:1%;
    max-width: 974px;
    opacity: 0.8;
    position:static;
    top: 15%;
}
.bner_pos .search-bg-clas{margin-top:44px;}
a.tooltop:hover .tl_img{width:200px;}
}

@media only screen and (max-width:480px){
.news-papers h2{margin-top:5px;}
#head-id h3 span{display:none;}
.search-bg-clas{margin-top:89px;}
#how-to-book{margin-top:68px;}

}





