@media only screen and (max-width: 401px) {
	.banner{
		padding-top: 90px!important;
	}
}
@media only screen and (max-width: 576px) {
	#popup1{
		padding-right: 0
	}
	.modal-dialog{
		width: 98%;
		margin: 50px auto!important;
	}
	.livechat-1 .box-body {
	    padding: 10px 10px 5px 10px;
	}
	.box-chat{
		min-width: 95%
	}
	.title-col-frame1{
		margin-bottom: 10px
	}
	footer{
		text-align: center;
	}
	.title-box-search{
		font-size: 20px
	}
	.box-search-invoice .title-sub-box-search{
		font-size: 14px
	}
	body .box-search-invoice {
	    width: 95%!important;
	    margin: 20px auto 0 auto;
	    padding: 20px 10px;
	}
	.input-effect{
		margin: 20px 0;
	}
	.nav-top ul li{
		padding: 0!important;
	}
	.container{
		padding: 0 10px;
	}
	header .btn-blue{
		background: none;
		border: none;
		border-right: 1px solid #e1e1e1!important;
	    border-radius: 0;
	    padding: 0 10px!important;
	    color: #0087ff;
	}
	header .btn-blue::before,header .btn-blue::after{
		display: none;
	}
	header .btn-blue:hover{
		color: #0087ff
	}
	header .ml-auto li:nth-child(2) button{
		border-right: none!important;
	}
	header .ml-auto li{
		padding: 0 0 3px 0;
	}
}
@media only screen and (max-width: 767px) {
	#toolbox ul li{
		padding: 5px 7px;
	}
	#toolbox ul li a:before{
		font-size: 17px
	}
	.banner{
		background-size: cover;
	}
	header .nav-top {
	    padding: 3px 0 8px 0!important;
	}
	.logo img {
	    width: 90px;
	}
	.btn-eff{
		padding: 2px 10px;
    	font-size: 13px;
	}
	button.navbar-toggler{
		position: relative;
    	top: 4px;
	}
	header .navbar-brand{
		padding: 0
	}
	.banner{
		padding-top: 60px
	}
	.frame1 .des-tool{
		text-align: center;
	}
}
@media only screen and (min-width: 768px) {
	

}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.banner{
		margin-top: 23px;
	}
}
@media only screen and (max-width: 991px) {
	.box-search-invoice{
		width: 90%!important;
		margin: 0 auto!important
	}
	.nav-bottom .nav-item a:hover{
		color: #0087ff
	}
	header {
	    border-bottom: none;
	    box-shadow: 1px 1px 2px #ccc;
	}
	header .icon-bar {
	    display: block!important;
	    width: 24px;
	    height: 2px;
	    border-radius: 1px;
	    background: #0087ff;
	    margin-top: 5px;
	}
	header .navbar-toggler{
		padding: 0;
		outline: none
	}
	header .navbar-collapse{
		background: rgb(255, 255, 255);
	    box-shadow: none;
	    padding: 0px 15px;
	    border-radius: 4px;
	}
	.nav-top ul li{
		padding: 0 5px;
	}
	.nav-bottom .nav-item a{
		text-align: right;
	}
	.nav-bottom .navbar-collapse{
		padding: 0;
	    border-top: 1px solid #e7e7e7;
	    border-radius: 0;
	}
}

@media only screen and (min-width: 992px) {
	.fixed-head header .nav-top{
		padding-top: 0;
		padding-bottom: 0;
	}
	.fixed-head header .logo img{
		width: 90px
	}

	.fixed-head header .logo{
		padding: 0;
	}
	.fixed-head header button.btn-eff{
		font-size: 12px;
	    padding: 3px 10px;
	} 
}