/*all big devices*/
@media (min-width: 1400px){
.btn-section { right: 26.6%; bottom: 37%; width: 25%; }
.btn{font-size: 1.6em;}
}

/*all small devices*/
@media (max-width: 1200px){
.wrapper{width: 95%;}
.menu li a{margin-right:18px;}
}
/*ipad - both*/
@media (min-width: 768px) and (max-width: 1024px){
h2 {font-size: 28px;}
h5 {font-size: 18px; }
body{font-size: 14px;}
.banner{background:url(../resources/images/mobilepad.png) no-repeat center;background-size:cover;height:320px;}
}
/*ipad - landscape*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
.menu li a{margin-right:10px;font-size:13px; padding:5px;}
.banner{background:url(../resources/images/banner.jpg) no-repeat center;background-size:cover;height:300px;}
h5.tleft, h5.tright {font-size: 18px;padding-top:8px; padding-bottom:8px;}
}
/*ipad - portrait*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
.btn{ padding: 3.5% 0;}
.f20 { font-size: 16px; line-height: 24px; }.product{width: 38%;}
br{display: none;} .smartbox{width: 40%;} .core-section .smartbox{width: 42%;}
.cols3 > div{float:none;margin-right:0%;width:100%;margin-bottom:30px;}
.bullet_right li{text-align:left;padding: 0px 0px 0px 20px;background-position:left 7px !important;}
.menu li a{margin-right:10px;font-size:12px; padding:5px 5px;}
.tright{text-align:left;}
h5.tright{padding:5px 0px 5px 50px;}
.cols3 > div h5{background-position:left center !important;}

}
/*small tabs*/
@media (max-width: 767px){
.servicesList {padding: 0;}
.video_frame{height:250px;}
.faq .hidden-content{padding:10px;font-size:13px;}
.rightMenu{display: none;}
body{font-size: 1.022em;} .section { padding: 40px 0; }
h2 {font-size: 22px;} h5 {font-size: 16px; }
.in-pc{display: none;} .in-mobile{display: block;}
.btn-section{right: 8%; width: 45%;} .btn{ padding: 3% 0; }
.brands-section li{width: 25%; padding-right: 4%; margin-bottom: 15px;}
#form{width:90%; padding: 0 5%;} .f20 { font-size: 16px; line-height: 24px; }
.title h2{font-size: 22px;} .product > p{font-size: 18px;}
.product{width:94%; padding: 3%; margin: 0; display: block; margin-bottom: 20px;}
.core-section .smartbox, .smartbox{width:90%; padding: 3%; margin: 0 auto; display: block; margin-bottom: 20px;}
.popup_content .smartbox{width: 94%;}
.popup, .popup.small{width: 90%; margin-left: -45%;}
.rightMenu{display: none;}.navbar-toggle{display: block;} .logo{width: 75px; float: left;} .link_table, .smartbox .link{visibility: visible;} .menu li{width: 100%; float: none; text-align: left;} 	.menu li a{margin: 0; padding: 12px; border: 0;} .menu li.active a, .menu li:hover a{border:0; color: #fff;}
.rightMenu { float: none; left: 0; margin: 0; position: absolute; top: 60px; width: 100%; z-index: 10; background:#004a8f;}
.ban_content{bottom:0px;left:0px;width:80%;background:rgba(0,0,0,0.5);padding:10px;}
.ban_content h2{font-size:22px;margin-bottom:5px;}
header{position:fixed;top:0px;left:0px;width:100%;}
.banner{margin-top:60px;}
.ban_content p{font-size:12px;margin-bottom:5px;}
.ban_content a{font-size:12px;width:120px;padding:5px 30px;}
.cols3 > div{float:none;margin-right:0%;width:100%;margin-bottom:30px;}
.faq_button{width:90%;padding:15px 8% 15px 2%;font-size:15px;background:url(../resources/images/arr_right.png) no-repeat 95% center}
.bullet_right li{text-align:left;padding: 0px 0px 0px 20px;background-position:left 7px !important;}
.chat_support{width:90%;padding:12px 2% 12px 8%;font-size:15px;}
.tright{text-align:left;}
h5.tright{padding:7px 0px 7px 50px;}
h5.tleft{padding:7px 0px 7px 50px;}
h5#bill_pay {background: url(../resources/images/bill_payment.png) no-repeat left center;}
h5#m_recharge {background: url(../resources/images/mobile_recharge.png) no-repeat left center;}
h5#ev_ticket{background-position:left center !important;}
.image_list > li{width:100%;margin:0px 0px 10px 0px;float:none;}
.image_list > li img{margin:0 auto;width:80%;}
#screenshot.list_carousel .pager a.selected{border:3px solid #004a8f;}
#screenshot.list_carousel .pager a{width:6px;height:6px;border:3px solid #fff;}
.cta img{display:block;width:60%;margin:0 auto;}
.cta{bottom:-18px;}
.banner{background:url(../resources/images/banner.jpg) no-repeat center;background-size:cover;height:125px;}
.faq a{padding:10px 35px 10px 10px;font-size:15px;}
.popup_content{padding:10px;}
footer{position:static;}
.start_panel{margin-top:65px;}
footer ul li{display: inline-block; float: none;text-align: center;}
footer ul.floatl{float:none;display:block;margin-bottom:10px;}
footer div.floatr{float:none;display:block;}
.half{float: none; width: 100%;}
h5.tright, h5.tleft{font-size: 20px;}
.menu {padding: 10px 0;}.foot_fixed{position:static;} .smartbox h5{font-size: 14px;}
}
/*mobile*/
@media (max-width: 580px){
#banner {
    margin-top: 50px;
}
table.mytable tr td{ padding: 5px 0;width: 100%;display: block;}
.banner{background:url(../resources/images/mobile.png) no-repeat center;background-size:cover;height:160px; }
}
@media (max-width: 360px) and (orientation: portrait){
.btn{font-size: 0.9em;}
}