err
/*=============== CSS reset Start ================*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; font-size: 14px; line-height: normal; background: #f0f0f0; color: #333333; font-family: 'Open Sans', sans-serif; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { color: #333333; }
span { color: #9b9b9c; }
/*=============== CSS reset End ================*/

a, button, input { transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; }
.container { max-width: 1170px; width: 100%; }
.bold { font-weight: 700 !important; }
i { color: #9b9b9c; }
h1 { font-size: 20px; line-height: 20px; }
h2 { font-size: 18px; line-height: 20px; }
h3 { font-size: 16px; line-height: 18px; }
h5 { font-size: 14px; line-height: 14px; }
.primary_color { background: #4d5052 !important; }
.blackcolor { color: #333333; }
.white_bg { background: #fff !important; }
.black_bg { background: #4d5052 !important; }
.white_color { color: #fff !important; }
.primarybtn { display: inline-block; border-radius: 14px; padding: 6px 20px; color: #fff; font-size: 12px; text-transform: uppercase; }
.primarybtn:hover { text-decoration: none; }
.orange_btn { background: #df5a0b; border: 1px solid #df5a0b; display: inline-block; border-radius: 16px; padding: 9px 20px; color: #fff; font-size: 12px; text-transform: uppercase; }
.orange_btn:hover { text-decoration: none; border: 1px solid #df5a0b; color: #df5a0b; background: #fff; }
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.nopadding { padding: 0 !important; }
/*=============== Header Start ================*/

.wrapper { padding-top: 120px; min-height:calc(100vh - 44px); }
.main_header { width: 100%; background: #f0f0f0; position: fixed; top: 0; left: 0; z-index: 9; }
.logo_search .logo { float: left; max-width: 250px; width: 100%; margin: 8px 0; }
.logo_search .logo a { display: block; }
.logo_search .search_notification { max-width: 482px; width: 100%; float: right; }
.notification { float: right; margin-right: 39px; margin-top: 20px; position: relative; }
.search_bar { float: right; }
.user_info { float: right; margin-left: 25px; }
.logo_search i { font-size: 15px; }
.user_info .user_img { width: 38px; height: 38px; float: left; border-radius: 100%; border: 1px solid #cacacb; }
.user_info .user_img img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 100%;
}
.user_info .user_name { float: left; padding-left: 10px; padding-right: 16px; line-height: 38px; }
.user_info a { display: block; color: #666666; padding: 10px 20px 10px 8px; border-left: 1px solid #ebebeb; }
.user_info .caret { margin-top: 18px; }
.search_bar { width: 20px; height: 26px; float: right; overflow: hidden; margin-top: 16px; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; }
.search_bar .search_btn { width: 20px; height: 26px; float: right; background: none; outline: none; border: none; }
.search_bar.show_search { width: 200px; }
.search_bar .search_box { background: none; outline: none; border: 1px solid #9b9b9c; width: calc( 100% - 20px); height: 26px; float: right; padding-left: 6px; }
.notification .noti_count { font-size: 8px; line-height: 8px; color: #fff; background: #e5585e; border-radius: 100%; position: absolute; top: -5px; right: -15px; display: block; padding: 4px 6px; }
.navbar-default { margin-bottom: 0; border: none; border-radius: 0; }
.navbar { min-height: 60px; }
.navbar-nav > li { margin-right: 85px; }
.navbar-nav > li:last-child { margin-right: 0; }
.navbar-nav > li > a { padding-top: 22px; padding-bottom: 22px; padding-left: 0; padding-right: 0; }
.navbar-nav > li:last-child a { padding-left: 5px; padding-right: 5px; background: #5b9a65; }
.container-fluid { padding: 0; }
.navbar-collapse { padding: 0; }
.navbar-default .navbar-nav > li > a { font-size: 16px; line-height: 16px; color: #fff; position: relative; }
.navbar-default .navbar-nav > li:first-child > a { text-transform: uppercase; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background: none; color: #fff; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff; }
.navbar-default .navbar-nav > li > a:after { width: 100%; height: 4px; background: #4d5052; position: absolute; bottom: 2px; left: 0; content: ""; display: block; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; }
.navbar-default .navbar-nav > li:last-child > a:after { background: none; }
.navbar-default .navbar-nav > li.active > a:after, .navbar-default .navbar-nav > li > a:hover:after { width: 100%; height: 4px; background: #fff; position: absolute; bottom: 2px; left: 0; content: ""; display: block; }
.user_credits { padding: 75px 0 0 0; }
.user_credits_info { padding: 60px 0 4px 0; }
.userpic { width: 90px; height: 90px; border-radius: 100%; padding: 4px; background: #f0f0f0; border: 2px solid #da7f49; position: absolute; top: -46px; left: 0; right: 0; margin: auto; }
.userpic img { width: 100%;  height: 100%; border-radius: 100%; }
.user_credits_info .name { margin-bottom: 12px; }
.user_credits_info span { display: block; font-size: 12px; line-height: 19px; }
.notification_card { width: 100%; background: #de4961; padding: 10px; margin: 15px 0; }
.notification_card .items_no { width: 72px; height: 72px; float: left; padding-top: 13px; background: #fff; border-radius: 100%; }
.notification_card .items_no span { color: #de4961; }
.notification_card .items_no .number { font-size: 28px; line-height: 28px; font-weight: 700; }
.notification_card .items_no .itemxtxt { font-size: 12px; line-height: 14px; font-weight: 600; }
.notification_card .about_notification { width: calc(100% - 72px); float: left; text-align: left; padding-left: 14px; }
.notification_card .about_notification h5 { text-transform: uppercase; }
.notification_card .about_notification span { font-size: 12px; line-height: 14px; margin: 6px 0; }
.notification_card .about_notification .read_more { border: 1px solid #fff; margin-top: 2px; }
.notification_card .about_notification .read_more:hover { background: #fff; color: #de4961; }
.user_credits_info p { color: #de4961; padding: 0 17px; }
.start_here { color: #f26822; text-transform: uppercase; line-height: 16px; line-height: 24px; display: block; }
.start_here:hover { color: #f26822; }
.progress_bar { max-width: 202px; width: 100%; margin: 0 auto; margin-top: 7px; margin-bottom: 37px; }
.progress_bar .progressbar { width: 100%; height: 16px; border: 1px solid #f26822; border-radius: 8px; padding: 2px; text-align: left; margin: 0 0 4px 0; }
.progress_bar .progressbar .progress_fill { width: 42%; height: 100%; background: #f26822; display: block; border-radius: 8px; }
.progress_value { color: #de4961; font-weight: 700; }
.progress_value span { display: inline-block; color: #f26822; }
.usage_details { min-height: 335px; }
.available_upgrade { padding: 16px 18px; background: #fff; margin-bottom: 30px; }
.available_upgrade .cardbox { position: relative; }
.available_upgrade .cardbox figure { max-width: 128px; width: 100%; position: absolute; top: -58px; left: 0; }
.available_upgrade .cardbox figure img { width: 100%; }
.available_upgrade .rightbox { width: calc(100% - 128px); float: right; }
.available_upgrade .rightbox1 { padding-right: 25px; }
.available_upgrade .rightbox .text { max-width: 137px; width: 100%; float: left; }
.available_upgrade .rightbox .text span{ display:block;}
.available_upgrade .rightbox .orange_btn { float: right; }
.topbar { padding: 20px 10px 17px 10px; }
.topbar h1 { color: #ffffff; text-transform: uppercase; font-weight: 600; line-height: 23px; }
.topbar span { font-size: 20px; line-height: 20px; color: #efefef; border-bottom: 2px solid #4d5052; padding-top: 2px; display: inline-block; text-transform: uppercase; cursor: pointer; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; }
.topbar span:hover { border-bottom: 2px solid #fff; }
.topbar span i { margin-left: 5px; color: #efefef; }
.total_info_bar { background: #d0d0d0; padding: 10px; }
.info_list ul { padding: 10px; }
.info_list ul li { line-height: 22px; }
.info_list ul li label { float: left; }
.info_list ul li span { float: right; color: #333333; font-weight: 700; }
.info_list .apilink { font-size: 13px; padding: 10px 5px; display: block; color: #333333; word-wrap: break-word; }
.info_list .apilink:hover { color: #333333; }
.chart_info { padding: 5px 13px; }
.ct-line { stroke-width: 2px; }
.ct-point { stroke-width: 7px; }
.ct-perfect-fourth > svg { top: 6px; left: -12px; }
.user_info .dropdown-menu:before { content: ""; display: block; position: absolute; top: -10px; right: 75px; width: 0; height: 0; border-style: solid; border-width: 0 7.5px 10px 7.5px; border-color: transparent transparent #fff transparent; }
.dropdown-menu { margin: 0; padding: 0; border: 0; border-radius: 0; }
.dropdown-menu > li > a { padding: 5px 20px; border: 0; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #fff; background-color: #df5a0b; }
.notification .dropdown-menu { width: 300px; top: 38px; left: auto; right: -23px; }
.notification .dropdown-menu:before { content: ""; display: block; position: absolute; top: -10px; right: 22px; width: 0; height: 0; border-style: solid; border-width: 0 7.5px 10px 7.5px; border-color: transparent transparent #df5a0b transparent; }
.notification .dropdown-menu .notificatin_bar { background: #df5a0b; padding: 10px; }
.notification .dropdown-menu .notificatin_bar h3 { text-transform: uppercase; color: #fff; }
.notification .dropdown-menu .notificatin_bar .all { color: #fff; }
.notification .dropdown-menu .notificatin_bar .all i { color: #fff; margin-left: 5px; }
.notification .dropdown-menu ul > li { padding: 10px 10px 8px 10px; background: #fff; border-bottom: 1px solid #d0d0d0; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; }
.notification .dropdown-menu ul > li:hover { background: #f3e8e1; }
.notification .dropdown-menu ul > li:last-child { border-bottom: none; }
.notification .dropdown-menu ul > li .bell_icon { width: 30px; height: 30px; float: left; border-radius: 100%; text-align: center; padding: 5px; background: #df5a0b; }
.notification .dropdown-menu > ul { height: 219px; overflow-y: scroll; }
.notification .dropdown-menu ul > li .bell_icon i { color: #fff; }
.notification_text { width: calc(100% - 30px); float: left; padding-left: 10px; }
.notification_title { line-height: 13px; font-weight: 700; color: #df5a0b; }
.notification_text p { font-size: 13px; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; margin: 5px 0 2px 0; }
.notification_text .notification_time { font-size: 13px; color: #4d5052; }
.see_clear { background: #4d5052; color: #fff; padding: 10px; }
.see_clear a { color: #fff; }
.see_clear a i { color: #fff; margin-left: 5px; }
.mobile_search { display: none; padding: 7px; background: #797878; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; }
.mobile_search .search_box { float: left; width: calc( 100% - 88px); height: 30px; background: #fff; border: none; outline: none; padding-left: 10px; }
.mobile_search .search_btn { float: right; width: 88px; height: 30px; background: #f26822; color: #fff; border: none; outline: none; font-weight: 700; }
.mobile_search.show_search { display: block; }
.notifications_list { height: 277px; overflow-y: scroll; }
.notifications_list table tr td { padding: 11px; border-bottom: 1px solid #ccc; cursor: pointer; }
.notifications_list table tr:last-child td { border-bottom: 0; }
.notifications_list table tr td i { font-size: 17px; color: #df5a0b; }
.notifications_list table tr td .starred:hover:before { content: "\f005"; }
.notifications_list table tr td .starred.activestar:before { content: "\f005"; }

.notifications_list table tr td:nth-child(1n) { width: 3% }
.notifications_list table tr td:nth-child(2n) { width: 19% }
.notifications_list table tr td:nth-child(3n) { width: 50% }
.notifications_list table tr td:nth-child(4n) { width: 25% }
.notifications_list .not_txt { height: 22px; overflow: hidden; text-overflow: ellipsis; }
.notifications_list table tr td .not_title { color: #df5a0b; font-weight: 600; height: 15px; overflow: hidden; }
.footer {    width: 100%;
    background: #333;
    padding: 8px 0;
   margin-bottom: 0; position:relative;
   
}
.footer .storage { max-width: 200px; width: 100%; float: left; color: #fff;    font-size: 10px; }
.footer .storage span { color: #fff; }
.footer .account_activity_details { max-width: 241px; width: 100%; text-align: right; float: right; color: #fff;    font-size: 10px; }
.footer .account_activity_details span { color: #fff; }
.footer .account_activity_details a { color: #fff; text-decoration: underline; }
.footer .powered_by { max-width: 108px; width: 100%; position: absolute; top: 12px; left: 0; right: 0; margin: auto; color: #fff; }
.footer .powered_by span { float: left; color: #fff; padding: 7px 5px 0 0; }
.footer .powered_by img { float: left; width:100%; }



.coming_soon{    min-height: 276px;
    text-align: center;
    padding-top: 112px;}
.coming_soon span{ font-size:30px;}
.api_Support{ padding:20px; margin-bottom:30px;}
.form-horizontal{ margin-top:20px; }



/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.ct-chart2.ct-perfect-fourth {    width: 72%;}
.btn-primary{ background:#f26822;border-color: #f26822;}
.btn-primary:hover{ background:#dc540f;border-color: #df5a0b;}





.footer { width: 100%; background:none; border-top:2px solid #ccc; padding: 8px 0; margin-bottom: 0; position: relative; }
.footer .storage, .footer .account_activity_details, .footer .storage span{ color:#333;}
.footer .account_activity_details a{ color:#333; text-decoration:none;}
.footer .account_activity_details span{ color:#333;}
.preloader{ display:none; width:60px; height:60px; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; z-index: 9099;}
.preloader img{ width:100%;}


.main_form .form-group{ position:relative;}
.main_form .form-group .error_msg{ display:none; color:#d85b5f; margin-top:8px;    font-weight: 600;  font-size: 12px;}
.main_form .form-group.error .error_msg{ display:block;}
.main_form .form-group.error { margin-bottom: 8px;}
.main_form .form-group.error .input_field{ background:#feebe5; border-color:#b8755b;}
.main_form .form-group.error select{ background:#feebe5; border-color:#b8755b;}
.signin .form-group i{ color:#b8755b;}
#error{position:absolute;padding:5px 20px;background:royalblue;top:0;color:#fff;width:50%;text-align:center;left:25%;display:none;z-index:1000;}
.error{position:absolute;padding:5px 20px;background:royalblue;top:0;color:#fff;width:50%;text-align:center;left:25%;display:none;z-index:1000;}







.signin{ max-width:320px; width:100%; margin:0 auto; padding-top:38px;}
.signin .signin_header{ text-align: center;}
.signin .signin_header a{ display:block;}
.signin .signin_header p{ font-size:18px; color:#000000; line-height:23px; font-weight:600; margin-top:28px;}
.signin .signin_form{ background:#fff; border-radius:4px 4px 0 0; margin-top:40px;}
.topbar_form{ background:#df5a0b; padding:20px 0; text-align:center; border-radius:4px 4px 0 0; font-size:20px; line-height:20px; color:#ffffff; font-weight:600;}
.signin  .main_form{ padding:30px 12px 16px 12px;}
.input_field{ width:100%; height:38px; background:#f8f8f8; border:1px solid #d9d9d9; border-radius:4px; padding-left:10px;  color: #666666;}
.signin .input_field{  padding-left:35px;}
.signin .form-group{ position:relative;     margin-bottom: 20px;}
.signin .form-group i{ font-size:16px; color:#bbbbbb; position:absolute; top:11px; left:12px;}

 .input_field::-webkit-input-placeholder {
   color: #666666;
}

.input_field:-moz-placeholder { /* Firefox 18- */
   color: #666666;
}

.input_field::-moz-placeholder {  /* Firefox 19+ */
  color: #666666;
}

.input_field:-ms-input-placeholder {  
   color: #666666;
}

.signin_footer{ margin-top:30px; font-size:12px; color:#888888; line-height:12px;}
.signin_footer a{ color:#3078c0;}


.signup{ max-width:655px; width:100%; margin:0 auto; margin-top:48px;}
.signup .all_mapmyIndia{ max-width:265px; width:100%; float:left;}
.signup .all_mapmyIndia .logo_img{ margin-top:6px; margin-bottom:25px;}
.signup .about_txt{ margin-bottom:33px;}
.signup .about_txt h2{ color:#000000; font-weight:600;}
.signup .about_txt p{ font-size:18px; color:#000000; line-height:22px;}
.signup .device_img img{ width:100%;}
.signup .device_img{ margin-bottom:26px;}
.signup .already_ac{ color:#000000;}
.signup .already_ac a{ color:#df5a0b; text-decoration:underline;} 

.signup .signup_form{ max-width:320px; width:100%; float:right;}
.signup .main_form{ padding:20px 12px 20px 12px; background:#fff;}
.signup .main_form .form-group{ margin-bottom:20px;}
.fill_info{ color:#888888; font-size:12px; line-height:15px; margin-top:13px; display:block;}
.signup select{ width:100%; height:38px; background:#f8f8f8 url(../images/downarrow.png) no-repeat; background-position:right 15px center; border:1px solid #d9d9d9; border-radius:4px; padding-left:10px;  color: #666666; appearance:none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; cursor:pointer; }

.or_connect{ width:100%; padding:0 10px; position:relative; text-align:center;}
.or_connect:after{ width:100%; height:2px; background:#eee; position:absolute; top:10px; left:0; content:""; display:block;}
.or_connect span{     width: 100%;
    padding: 0 10px;
    position: relative;
    text-align: center;
    background: #fff;    position: relative;
    z-index: 1;}

.signup  .fb_twitt_btns{ margin-top:25px;}
.signup .primarybtn{ min-width:140px; padding: 15px 28px 13px 28px;      border-radius: 18px;  text-align: center; font-size:12px; line-height:12px; color:#ffffff; font-weight:700;}
.signup .primarybtn.fb{ background:#3a5695;}
.signup .primarybtn.twit{ background:#55acee;}

.signup .primarybtn.fb:hover{ background:#041233;}
.signup .primarybtn.twit:hover{ background:#156db1;}


.agree_check{ color:#888888; font-size:12px; line-height:14px;}
.agree_check label{ cursor:pointer;}
.agree_check input{ cursor:pointer;}



@media (min-width:992px) and (max-width:1199px) {
.available_upgrade { padding: 16px 11px; }
.available_upgrade .cardbox figure { max-width: 81px; top: -33px; }
.available_upgrade .rightbox { width: calc(100% - 85px); }
.available_upgrade .rightbox1 { padding-right: 4px; }
.usage_details { min-height: 372px; margin-bottom: 30px; }
.topbar h1 { font-size: 17px; }
.topbar span { font-size: 17px; }
}

@media (max-width:1172px) {
.navbar-nav { width: 100%; }
.navbar-nav > li { margin-right: 66px; }
.navbar-nav > li:last-child { float: right; }
}

@media (max-width:1070px) {
.navbar-nav > li { margin-right: 53px; }
}

@media (max-width:991px) {
.navbar-nav > li { margin-right: 38px; }
.available_upgrade { margin-top: 30px; }
.available_upgrade .rightbox1 { padding-right: 0; }
.available_upgrade .cardbox figure { max-width: 78px; top: -30px; }
.available_upgrade .rightbox { width: calc(100% - 100px); }
.available_upgrade .cardbox2 figure img { margin-left: 15px; }
.usage_details { margin-bottom: 30px; }
.notification_center { max-width: 290px; margin: 0 auto; }
}

@media (max-width:900px) {
.navbar-nav > li { margin-right: 26px; }
}

@media (max-width:830px) {
.navbar-nav > li { margin-right: 16px; }
}

@media (max-width:767px) {
.container { padding-right: 10px; padding-left: 10px; }
.row { margin-right: -10px; margin-left: -10px; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-right: 10px; padding-left: 10px; }
h1 { font-size: 15px; }
.navbar-nav { margin: 0; }
.navbar-nav > li { margin: 0; }
.navigation .container { padding: 0; }
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin: 0; }
.navbar-default .navbar-nav > li > a { padding: 10px; }
.navbar-nav > li:last-child { float: none; }
.navbar-default .navbar-nav > li.active > a:after, .navbar-default .navbar-nav > li > a:hover:after { display: none; background: #f26822; }
.navbar-default .navbar-nav > li > a:after { transition: none; display: none; }
.navbar-default .navbar-nav > .active > a { background: #f26822; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background: #f26822; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none; }
.navbar-default .navbar-toggle { float: left; margin: 16px 0 16px 10px; border-color: #fff; border-radius: 0; padding: 6px 8px; }
.search_notification { position: absolute; right: 0; top: 59px; z-index: 99; }
.user_info .user_name { color: #fff; }
.user_info .caret { color: #fff; }
.logo_search i { color: #fff; }
.search_bar .search_box { border: 1px solid #fff; }
.navbar-default .navbar-toggle .icon-bar { background: #fff; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #f26822; border-color: #f26822; }
.logo_search .logo { float: none; margin: 8px auto; }
.usage_details { min-height: inherit; margin-bottom: 15px; }
.available_upgrade .cardbox1 { margin-bottom: 0; padding-bottom: 24px; border-bottom: 1px solid #ccc; }
.available_upgrade .cardbox2 { padding-top: 24px; }
.available_upgrade .cardbox figure { top: -9px; }
.available_upgrade .cardbox2 figure { top: 6px; }
.available_upgrade .rightbox .orange_btn { width: 100px; text-align: center; }
.orange_btn { padding: 7px 13px; font-size: 11px; }
.available_upgrade .cardbox2 figure img { margin-left: 0; }
.available_upgrade { margin-top: 15px; margin-bottom: 15px; }
.notification .dropdown-menu { width: 300px; left: -55px; right: 0; }
.notification .dropdown-menu:before { left: 55px; right: auto; }
.user_info a { padding: 10px 10px 10px 8px; }
.logo_search .search_notification { max-width: 256px; }
.topbar { padding: 12px 10px 10px 10px; }
.topbar span { font-size: 16px; }
.progress_bar { margin-bottom: 10px; }
.search_bar .search_box { display: none; }
.footer { padding-top: 48px; }
.storage_activity { width: 100%; border-top: 1px solid #fff; padding-top: 10px; }
.form-horizontal .control-label{ margin-bottom:10px;}
.signin .signin_header p{ font-size:16px;}

.signup .all_mapmyIndia{ max-width:440px; float:none; margin:0 auto; padding:0 10px;}
.signup .signup_form{ max-width:inherit; float:none; padding:0 10px;}
.signup .signup_form{ margin-top:30px;}
.signup .primarybtn { min-width: 124px; padding: 15px 7px 13px 7px;}
.signup .main_form{ margin-bottom:20px;}
.signin{ padding-left:10px; padding-right:10px;}
}

@media (max-width:480px) {
.available_upgrade .rightbox .orange_btn { float: none; margin-top: 10px; }
.available_upgrade .cardbox figure { top: 0; }
.available_upgrade .cardbox2 figure { top: 26px !important; }
.available_upgrade .rightbox .text { max-width: 163px; }
.available_upgrade .rightbox .text span { display: block; }
.footer .storage, .footer .account_activity_details { max-width: inherit; float: none; text-align: left; }
}