/*common classes start*/

.top-gap5 { margin-top:5px;}

.top-gap10 { margin-top:10px;}

.top-gap15 { margin-top:15px;}

.top-gap20 { margin-top:20px;}

.top-gap25 { margin-top:25px;}

.top-gap30 { margin-top:30px;}

.top-gap40 { margin-top:40px;}



.bot-gap5 { margin-bottom:5px;}

.bot-gap10 { margin-bottom:10px;}

.bot-gap15 { margin-bottom:15px;}

.bot-gap20 { margin-bottom:20px;}

.bot-gap25 { margin-bottom:25px;}

.bot-gap30 { margin-bottom:30px;}

.bot-gap40 { margin-bottom:40px;}



.inner-box { padding:25px 0 50px; min-height:390px; }

.page-title { margin-bottom:15px; padding-bottom:5px; color:#00a8d6; font-weight:normal; font-size:25px; border-bottom:2px dashed #e4e5e6;}

/*common classes end*/

.banner-outer { background-image:url(../Banner/bannerimg1.jpg);}

.section_image1, .section_image2, .section_image3 {height:375px;}

.recharge-tab-menu {border-bottom:2px solid #25222f;}

ul.recharge-tab li { padding-bottom:10px; padding-top:10px;}

ul.recharge-tab li a { padding:10px;}

    ul.recharge-tab li.active {
        background: #0041ae;
    }

ul.recharge-tab li.active a { color:#FFFFFF;}

.social-icon { text-align:right;}

.theme-panel .panel-title a { color:#FFFFFF; display:block;}





/*this css use for coupon start here*/

.coupon_head_text { margin-bottom:14px; padding-bottom:4px; border-bottom:1px dashed #CCCCCC; font-size:20px;}

.coupon_outer { margin-bottom:15px;padding-bottom:13px;background:url(../img/screenshot_shadow.png) no-repeat bottom center;background-size: 100%;}

.coupon { border:1px solid #dddddd;border-radius:4px;background:#FFFFFF; height:175px; overflow:hidden;}

.coupon:hover {box-shadow:0px -2px 4px #dddddd;transition:all 0.2s ease-in-out 0.2s;}

.coupon .head { padding:8px; border-bottom:1px solid #d5d5d5; height:65px; overflow:hidden;}

.coupon .head img { margin:0 auto;}

.coupon .body {padding:8px; height:80px; border-bottom:1px solid #d5d5d5; position:relative; }

.coupon .body p { padding-bottom:5px; line-height:16px;}

.coupon .bottom { padding:4px 8px; height:28px; background:#f2f0f0; text-align:center;}

.coupon a:hover { text-decoration:none;}

/*this css use for coupon start end*/



.my-account { padding:15px; border:1px solid #dddddd; border-top:none;}

.my-account h5 { color:#555555;}



.doenload-app { margin-top:-42px; float:right;}



/*Responsive work start*/

@media only screen and (max-width: 980px) {}



@media only screen and (max-width: 800px) {}



@media only screen and (max-width: 768px) {}



@media only screen and (max-width: 640px) {

.social-icon { text-align:center;}

.doenload-app { margin-top:10px; float:none; text-align:center;}

}



@media only screen and (max-width: 480px) {

.section_image1, .section_image2, .section_image3 { height:150px;}

}



@media only screen and (max-width: 360px) {}



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

/*Responsive work end*/