@media (max-width: 767px) { 
	.container {
		width: 100% !important;
		padding-right: 15px !important;
		padding-left: 15px !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}
	.bg .container {
		width: 100% !important;
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
}
@media (max-width: 600px) { 
    .login-btn{
       margin-left:auto;
	   margin-right:auto;
	   float: unset;
	   width:100%;
	   margin-top:0;
	   text-align: center;
    }
	.wt .whats-new{
		margin-top:15px;
	}
    .banner .col-md-5{
        padding:unset !important;
    }
    header .logo{
        margin-right:0px;
    }
    .banner h1{
		font-size:12px;
		line-height:16px;
	}
	.m-hide{
		display:none !important;
	}
	header{
		height:auto;
	}
	footer p{
		text-align: center !important;
	}
	footer p.text-right{
		text-align: center !important;
	}
}
@media (max-width: 480px) { 
	.logo{text-align: center;}
	.login-btn ul li a.border-btn{padding:5px;}
	.login-btn ul li a.blue{padding:5px;}
	.font-btn ul{padding:0;}
	.login-btn ul{padding:0;}
	.offset-3{
		margin:0;
	}
	header .logo img {
		height: 50px;
	}
	header .logo-right img {
		height: 50px;
	}
	header .logo h4{
		font-size:18px;
	}
	.panel{
		margin:10px 0;
	}
	.ff{
		text-align: center !important;
		font-size: 14px;
		padding: 5px 0;
	}
	.top-menu-myaccount li{
		margin-bottom: 10px;
	}
	.top-menu-myaccount li a{
		font-size: 12px;
	}
	.banner{
		background-image: url('../images/bg.jpg') no-repeat;
		background-size: 100%;
		min-height:190px;
	}
	.wt{
		/*position:relative;*/
		/*width:100%;*/
		/*margin:0 !important;*/
	}
	.wt .banner-right {
		padding: 30px 0 0 0;
	}
	.wt .banner-right .whats-new{
		width:100%;
		margin-left:0px;
		border: 1px solid #eee;
		border-top: 0;
	}
	.content .imp-link{
		margin-top:15px;
	}
	.wt .banner-right .top-btn ul{
		padding: 0;
		margin: 0 auto;
		display: table;
	}
}