@media only screen and (min-width:320px) and (max-width:991px) {
 
 h1 {
 font-size:26px!important;
}
 h2 {
 font-size:21px!important;
}
 h3 {
 font-size:19px!important;
}
 h4 {
 font-size:15px!important;
}  

.page-banner-main {

}
.recharge-bar-main {
 
}
  
.content-bar {

} 
}
@media only screen and (min-width:320px) and (max-width:767px) {


.user-nav ul {
	margin: 8px 0 8px 0 !important;
	float: left;
}
.user-nav ul a { 
 padding:5px 10px; 
} 
.my-wallet { 
	padding: 5px 2px; 
	border-left: 0;
}
.recharge-bar .recharge-info.policy-sec h2 {
    font-size: 20px !important;
    line-height:27px;
    margin-bottom: 10px !important;
}
.recharge-bar-main { 
	top: 140px;
	margin-bottom:-140px;
}
.recharge-bar .recharge-menu {
	margin-top:40px;
}
.recharge-bar .recharge-info {
	 margin-bottom: 50px !important;
}
.recharge-bar .recharge-info.policy-sec {
	padding:15px !important;
}
.recharge-bar .recharge-info.policy-sec h3 {
    font-size: 16px !important;
    line-height: 25px;
    margin-bottom: 8px !important;
}
.advantage-bar .advantage { 
	margin-bottom: 20px;
}
.slide-banner-bar { 
	padding-top: 90px; 
	padding-bottom: 50px;
}
/*location*/
.location {
 margin-top:10px!important;
 float:left!important
}
 /**/
.service-info .service-nav li {
 width:32%;
 margin:5px 3px 0 0px!important;
}
/**/
.service-info .home-category-nav li {
 width: 45.3%;
 margin:5px 12px 0 0px!important;
}
/**/
.abt-service-bar .abt-service {
margin-bottom:10px;
}
.abt-service-bar .col-sm-2:nth-child(4) {
clear:left
}
 
 footer { 
	top: inherit;
	bottom: 0;
	/*position: fixed; */
	position:relative;
}

    .user-nav li:hover .user-nav-2 {
        opacity: 1;
        visibility: visible;
        top: 20px;
        left: 0;
        width: 220px;
    }
	
	/* Date 07-06-2024 */
	header .logo-bar {
		border-top: 5px #f16f24 solid;
	}
	header .logo {
		margin: 4px auto;
		width: 100%;
		display:table;
		text-align:center;
	}
	header .logo img{
		max-width:250px !important;
	}
	.recharge-bar .recharge-menu .site-nav #level_1 li {
		z-index: 9;
		margin: 0px 10px 0px 10px !important;
		position: relative;
	}
	.recharge-bar .recharge-menu .site-nav #level_1 li:first-child{
		margin-left:0 !important;
	}
	.recharge-bar .recharge-menu .site-nav #level_1 li:last-child{
		margin-right:0 !important;
	}
	header .top-bar {
		display:none;
	}
	header.header-fixed .user-nav ul {
		margin: 5px 0 10px 0 !important;
	}
	footer .nav-menu ul {
		list-style: none;
		text-align: right;
		display: table;
		margin: 0 auto !important;	
		text-align: center;
	}
	footer .nav-menu ul li {
		 float: none;
		margin: 8px 0px 8px 0px !important;
		padding: 0 10px !important;
		display: inline-block;
	}
	.recharge-bar .recharge-nav-bar {
			margin-top: 40px;
	}
	
	.page-banner-main .banner-info {
		margin-top: 15px !important;
		margin-bottom: -10px !important;
		padding: 20px;
		margin-bottom:50px;
	}
	.recharge-bar .recharge-info.recharge-active {
		display: block;
		min-height: 500px !important;
		overflow: hidden;
		z-index: 9;
		position: relative;
	}
	
}
@media only screen and (min-width:768px) and (max-width:991px) {
 
.service-info .service-nav li {
 width:13.6%;
 margin:5px 5px 0 0px!important;
}
/**/
.service-info .home-category-nav li {
 width:18.3%;
 margin:5px 12px 10px 0px!important;
}
/**/
.abt-service-bar .abt-service {
margin-bottom:10px;
}
.abt-service-bar .col-sm-2:nth-child(7) {
clear:left
}
/*social nav*/
footer .social-nav li a .fa {
 width:32px;
 height:32px;
 line-height:32px;
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
 
.my-wallet {
    padding: 5px 10px;
}
.shop-cart {
 padding: 5px 10px;
}
.service-info .home-category-nav li {
 width: 10.1%;
}
.recharge-bar .recharge-nav li {
 width:119px;
}
.abt-service-bar .abt-service {
width:60px;
height:60px;
line-height:55px;
} 
}