 @media only screen and (min-width:320px) and (max-width:991px) {
 .container-fluid {
 padding-right: 15px!important;
 padding-left: 15px!important;
}
 h1 {
 font-size:26px!important;
}
 h2 {
 font-size:21px!important;
}
 h3 {
 font-size:19px!important;
}
 h4 {
 font-size:15px!important;
}
/**/
header .top-bar { background:#fff; }
/**/
header .cont-nav a.call {
display:none;
}
 /*top nav*/
header .top-nav.m-top-nav {
 display:block;
}
header .top-nav.desk-top-nav {
 display:none;
}
/*search*/
.my-search {
 margin:0px;
 border-bottom: 1px solid #ddd;
}
.my-search .my-search-icon {
 margin-top:5px;
 width: 18px;
 height: 18px;
 background-size:contain;
 margin-top:10px;
}
 .my-search .form-group .form-control {
 padding:7px 0px 2px 0px;
 border-bottom:0px
}

 /*shop cart*/
.shop-cart {
 float:right;
 padding:5px 0px 5px 10px;
 margin:10px 0 5px;
}
/*wallet*/
.my-wallet {
 float: right;
 padding:5px 5px 5px 0px;
 margin:10px 0 5px;
}
/**/
.rtm-benefit-bar .benefit {
margin-bottom:10px;
}
 .page-banner-main {
 position:inherit;
}
.recharge-bar-main {
 position:inherit;
}
 .service-info-bar {
 position:inherit;
}
.brand-bar {
 position:inherit;
}
.content-bar {
 position:inherit;
}
.brand-bar{ }
footer {
 position:inherit;
 
}
.cont-nav{display:none;}
.time-bar { 
    display: none;
}
/**/
#goTop, #goDown{ display:none !important}
}
@media only screen and (min-width:320px) and (max-width:767px) {
/*logo bar*/
header .logo {
width:100%!important;
float: none;
margin: auto;
font-size:24px;
color:#000;
}
.user-nav ul {
 margin: 10px auto 10px !important;
 display: table; 
}
.user-nav ul a {
 display:block;
 padding: 5px 18px 0px 0;
 margin-right:0px;
 margin-left: 0px;
font-size: 12px;
color:#000 !important;
}
.user-nav ul a.user-welcome{padding:5px 6px;}
header .logo-bar {
    background: #fff;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 50%);
}
.inner-form {
    border: 0;
    padding: 0;
}


/*category nav*/
.category-nav {
 margin:15px 10px 5px 10px !important;
}
/*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 */
footer .footer-bar .brdr-right {
 border-right:0px;
 height:auto;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
/*logo bar*/
header .logo {
width:20%!important;
}
 
/*user nav*/
.user-nav ul {
 margin:10px 0 5px!important;
}
/*category nav*/
.category-nav {
 float: right;
 margin:15px 5px 5px!important;
 background: #fff;
}
/**/
.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) {
 .container-fluid {
 padding-right: 15px!important;
 padding-left: 15px!important;
}
.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;
}
 .rtm-benefit-bar .benefit {
 height: 130px;
}
.rtm-benefit-bar .benefit .front .benefit-icon {
 width:60px;
}
.rtm-benefit-bar .benefit p {
 font-size:12px!important;
}
.rtm-benefit-bar .benefit .front h3 {
 font-size:15px;
}
}
/*hack styles
@supports (-webkit-appearance:none) { 
 	 
	header .top-bar { background:#f8f7f7!important; }
	 
	header .cont-nav a.call {
	display:block!important;
	}
}
@supports (-moz-appearance:none) { 
 	 
	header .top-bar { background:#f8f7f7!important; }
 
	header .cont-nav a.call {
	display:block!important;
	}
}
*/


}
