@media only screen and (max-width: 1199px) {
	.navbar-nav > li{padding: 0 10px;}
	#banner .carousel-caption{top:30px; left: 3%; right:3%;}
	#about-us h5::after{left: -414px;}	
	#why p,#product p, #contact-us p{padding:0 20px;}
	#product .box{width:100%;}
	#whatclientsay .img-client{width:150px; height:150px;}
	.bread-tit{font-size:25px; padding:10px 0 10px;}
    .scroll-top-wrapper , .scroll-top-wrapper:hover , .scroll-top-wrapper.show {right:7px;}
}

@media only screen and (max-width: 1023px) {
	.navbar-nav > li{padding: 0 10px;}
	#banner .carousel-caption{top:0; left: 5%; right:5%;}
	#banner .carousel-caption h3{font-size:44px;}
	#about-us h5::after{left: -414px;}
	#product .box{width:100%;}
	#whatclientsay .img-client{width:150px; height:150px;}
	.bread-tit{font-size:20px; padding:10px 0 10px;}
	.scroll-top-wrapper , .scroll-top-wrapper:hover , .scroll-top-wrapper.show {right:7px;}
}

@media only screen and (max-width: 991px) {
	header .header-main .logo{float: none; display: inline-block;}
	.menu{float:none;}
	.navbar-nav > li{padding: 0 9px;}
	#banner .carousel-caption p{margin:20px 0 51px;}
	#banner .carousel-indicators{bottom: 5px;}
	#about-us h5::after{display:none;}
	#why p,#product p, #contact-us p{padding:0 20px;}
	.scroll-top-wrapper{width: 30px; height: 28px; line-height: 22px;}
	.scroll-top-wrapper:hover { background-color:#ff662f;}
	.bread-tit{font-size:15px; padding:10px 0 10px;}
	#inner-content .img-about{float:none; display:inline-block;}
	.scroll-top-wrapper , .scroll-top-wrapper:hover , .scroll-top-wrapper.show {right:7px;}
}

@media only screen and (max-width: 767px) {
	header .bg-icon{text-align: center; float:left; background-position: 50px 0; margin-bottom:10px; margin-right:0;}
	header .bg-icon a{text-align: center; float: none;}
	header .bg-icon i{margin-left: 50px;}
	header .header-main .logo{float:none; display:inline-block; margin-left:0; position:relative; left:-25px;}
	.menu{margin:0; width:auto; position:absolute; right:0; z-index:99; top:-74px; right:0px;}
	.navbar-nav{margin:0; padding:0;}
	.navbar-default .navbar-toggle .icon-bar{background-color:#fff;}
	.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:#00048a; border-color:#00048a;}
	.navbar-default .navbar-collapse{border:none; background:#00048a; margin-right:0px;}
	.navbar-default .navbar-toggle{border-radius:0px;}
	.navbar-nav > li{border:none; width:100%; text-align:left;}
	.navbar-default .navbar-nav > li > a{color:#FFF;  padding: 5px 0 5px 10px;}
	.navbar-default .navbar-nav > .active > a:hover , .navbar-default .navbar-nav > .active > a:focus, .nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-nav > li > a.active{border-bottom:none; background:#fff; color:#F00;  padding: 5px 0 5px 10px;}
	.navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a{background:none; border:none; color:#ff662f;}
	.navbar-default .navbar-nav .dropdown-menu > li > a{background-color: #e4e4e4;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{background-color: #ccc; color: #ff662f;}
	.navbar-toggle{margin-bottom:0px;}
	.navbar-nav .open .dropdown-menu{border-bottom:none; margin:0; padding:0; }
	.navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .dropdown-menu > li > a{border-radius:0px; background:none; margin:0 0 10px 0px; padding:5px; color:#fff;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{border-radius:0px; background:#F00; margin:0 0 10px 0px; padding:5px; color:#fff;}
	/*.menu{margin-top:30px;}
	.navbar-nav{margin:0; padding:0;}
	.navbar-default .navbar-toggle .icon-bar{background-color:#fff;}
	.navbar-default .navbar-collapse{border:none; width:240px;}
	.navbar-nav > li{border-bottom:#e4e4e4 solid 1px; border-right:none; width:100%; padding: 5px 0;}
	.navbar-default .navbar-nav > .active > a:hover , .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-nav > li > a.active{border-bottom:none;}
	.navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a{background:none; border:none; color:#ff662f;}
	.navbar-default .navbar-nav .dropdown-menu > li > a{background-color: #e4e4e4;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{background-color: #ccc; color: #ff662f;}*/
	#banner .carousel-caption{top:50px;}
    #banner .carousel-caption h3{font-size:20px; margin-bottom: 10px;}
	#banner .carousel-caption p{display:none;}
	#banner .carousel-caption a{padding:5px 16px;}
	#about-us{padding-top:30px;}
	#about-us h3{left:0;}
	#about-us h5::after{display:none;}
	#about-us h5 ,#about-us p ,#why p ,#product p, #contact-us p{padding:0 20px;}
	#product .box{display: inline-block; float: none;}
	/*.scroll-top-wrapper{width: 30px; height: 28px; line-height: 22px;}
	.scroll-top-wrapper:hover { background-color:#ff662f;}*/
	.bread-tit{font-size:15px; padding:10px 0 10px;}
	.scroll-top-wrapper , .scroll-top-wrapper:hover , .scroll-top-wrapper.show {right:7px;}
}

@media only screen and (max-width: 567px) {
	header .bg-icon{text-align: center; float:left; background-position: 50px 0; margin-bottom:10px; margin-right:0;}
	header .bg-icon a{text-align: center; float: none;}
	header .bg-icon i{margin-left: 50px;}
	header .header-main .logo{float:none; display:inline-block; margin-left:0; position:relative; left:-25px;}
	.menu{margin:0; width:auto; position:absolute; right:0; z-index:99; top:-74px; right:0px;}
	.navbar-nav{margin:0; padding:0;}
	.navbar-default .navbar-toggle .icon-bar{background-color:#fff;}
	.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:#00048a; border-color:#00048a;}
	.navbar-default .navbar-collapse{border:none; background:#00048a; margin-right:0px; width:250px;}
	.navbar-default .navbar-toggle{border-radius:0px;}
	.navbar-nav > li{border:none; width:100%; text-align:left; padding:0;}
	.navbar-default .navbar-nav > li > a{color:#FFF;  padding: 5px 0 5px 10px;}
	.navbar-default .navbar-nav > .active > a:hover , .navbar-default .navbar-nav > .active > a:focus, .nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-nav > li > a.active{border-bottom:none; background:#fff; color:#F00;  padding: 5px 0 5px 10px;}
/*	.navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a{background:none; border:none; color:#ff662f;}
	.navbar-default .navbar-nav .dropdown-menu > li > a{background-color: #e4e4e4;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{background-color: #ccc; color: #ff662f;}*/
	.navbar-toggle{margin-bottom:0px;}
	.navbar-nav .open .dropdown-menu{border-bottom:none; margin:0; padding:0; }
	.navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .dropdown-menu > li > a{border-radius:0px; background:none; margin:0 0 10px 0px; padding:5px; }
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{border-radius:0px; background:#F00; margin:0 0 10px 0px; padding:5px;}
	#banner .carousel-caption{top:-10px;}
    #banner .carousel-caption h3{font-size:20px; margin-bottom: 10px;}
	#banner .carousel-caption p{display:none;}
	#banner .carousel-caption a{padding:5px 16px;}
	#banner .carousel-indicators{bottom: -10px;}
	#about-us{padding-top:30px;}
	#about-us h3{left:0;}
	#about-us h5::after{display:none;}
	#about-us h5, #about-us p, #why h3, #why .txt p , #product h3 ,#product p, #whatclientsay h3, #contact-us p, footer p, footer .address{padding:0 20px;}
	#why h3::after{left:0;}
	#why p{padding:0 20px; margin-top:30px;}
	#why .txt .pad{padding:0!important;}
	#product h3::after{left: 0;}
	#product .box{width:100%;}
	#whatclientsay h3::after{left:0;}
	#whatclientsay .img-client{width:150px;}
	#contact-us h3::after{left:-57px;}
	#contact-us .contact-form{width:100%; padding:0 20px;}
	footer h3{margin-left: 20px;}
	footer a{margin-left:20px;}
	footer .address .mail{margin-top:10px; float:none;}
	footer .address .mail a{float:left; width:auto; margin: 5px 0 5px 5px;}
	footer .footer-bg .copy, footer .footer-bg .dd{float:left; width:100%; text-align:center; margin:5px 0;}
	footer .footer-bg .dd a{float:none;}
	.scroll-top-wrapper{width: 30px; height: 28px; line-height: 22px;}
	.scroll-top-wrapper:hover { background-color:#ff662f;}
	#banner-hotel{float:left; height:300px; background:url(../images/banner-hotel-management-software.jpg) no-repeat left top; background-size:cover; } 
	.bread-tit{font-size:15px; padding:10px 0 10px;}
	#inner-content{padding:0 10px;}
	.scroll-top-wrapper , .scroll-top-wrapper:hover , .scroll-top-wrapper.show {right:7px;}
}