@media (max-width:1199px) {
.left_wrapper, .leftcontainer { width:200px}
.logo img{ width:170px;}
.right_wrapper {margin:0 30px 0 200px;}
.banner_caption{top:10px;}
.banner_caption .toptxt { font-size: 13px; padding:0 0 10px 0;}
.banner_caption .line {padding:0 0 10px 0;}
.banner_caption .txt {font-size: 30px; padding:0 0 10px 0;}
.banner_caption .button_icon { width:40px; height:40px; line-height:40px;}
}

@media (max-width:1023px) {

}



@media (max-width:767px) {
html,body { background:#fff;}
h1{font-size:23px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
.left_wrapper { float:none; width:auto; height:auto;}
.logo img{ width:250px;}
.leftcontainer{ position:relative; width:auto; height:auto;}
.right_wrapper { margin:0px;}
.logo { float:none; margin:0 auto; height:130px;}
.logo img { right:0;}
.menu_wrapper { padding:15px;}

.padding1 { padding:0 15px;}
.navbar-default .navbar-brand { color:#fff;}
.navbar-header { border-top: 1px solid #333;  border-bottom: 1px solid #333; margin:0}
.navbar-collapse { border:0; box-shadow:none;}
.navbar-nav { float:none; width:auto;}
.navbar-nav > li { border-right: none;}
.navbar-default .navbar-nav > li > a {padding:5px 15px; font-size:15px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background:#333;}
.dropdown-menu > li > a { color:#666; border-bottom: 1px solid #ccc;}
.navbar-default .navbar-toggle .icon-bar {background-color:#fff;}

.content_wrapper { padding:15px 0;}
.banner_caption{top:40%;}
.banner_caption .toptxt, .banner_caption .line, .banner_caption .txt { display:none;}

.login_wrapper { width:auto; margin:15px 0 0 0;}

.topwrapper .phone { padding-bottom:10px;}

.photobook a { margin-bottom:10px; display:inline-block;}
.sticky { text-align:left;}
}