﻿@media(max-width:1200px)
{
    .iframe-menu{margin-right:0px !important; padding-right:0px !important}
}
@media (min-width:768px)
{
    #td-imgModels{width:380px}    
    .mi1200-pdt10{padding-top:10px}
    .mi1200-pdlr10{padding-left:15px; padding-right:15px}
    .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,.col-lg-12,
    .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-9, .col-md-12,
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-8    
   { padding-right:0px; padding-left:0px} 
    .pd-l50{padding-left:50px !important}
    .pd-l70{padding-left:70px !important}
    .pd-l90{padding-left:90px !important}
    form .hint{z-index:10; border:#c93 1px solid; background:#ffc; POSITION:absolute; padding:0.4em  0.5em; width:350px; display:none; color:inherit; margin-left:15px; top:-5px}
    form .hint .hint-pointer{position:absolute; width:10px; background:url(../images/hint_pointer.gif) no-repeat left top; height:19px; top:8px; left:-10px}
    .mi1200-pdl15{padding-left:15px !important}
    .mi1200-pdr15{padding-right:15px !important}
    .mi1200-pdlr15{padding-left:15px !important; padding-right:15px !important}  
    .po-title-Service{width:160px} 
    .mi991-min120{min-width:120px}
    .breadcrumb{padding-top:0 !important; padding-bottom:7px !important}
    .mi992-pdlr20{padding-left:10px !important; padding-right:20px !important}
    .input-group-btn{right:5px !important}
    .headerbg-top, .headerbd-2,.headerbd-3, #footerbg{min-width:1170px}
    .clsVersion{display:none !important; float:left}
    .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,.col-lg-12,
    .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-9, .col-md-12,
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-9   
   {padding-right:0; padding-left:0} 
    .row{margin-right:0; margin-left:0 }
    .mi768-title{color:#000; text-align:right; font-size:12px}
    .mi768-excel{padding-top:25px; text-align:right;}
    .mi768-pdr5{padding-right:5px !important;}
    .mi768-pdlr0{padding-left:0 !important; padding-right:0 !important; }
    .mi768-pdlr5{padding-left:5px !important; padding-right:5px !important; }
    .mi768-pdlr15{padding-left:15px !important; padding-right:15px !important; }
    .po-title-Tool, .po-title-Service, .po-title-country, .po-title-Network,
    .po-title-Brand, .po-title-Model, .po-title-OthersModel, .po-title-PINNumber,
    .po-title-MEPName, .po-title-ProviderID, .po-title-RMType, .po-title-KBH, .po-title-Reference,
    .po-title-MEID, .po-titile-PRD, .po-title-ServiceTag, .po-title-RespondEmail
   {min-width:175px}
    .div768-title-tool, .div768-title-Service, .div768-title-Country, .div768-title-Network,
    .div768-title-Brand, .div768-title-Model, .div768-title-OthersModel, .div768-title-PINNumber,
    .div768-title-MEPName, .div768-title-ProviderID, .div768-title-RMType, .div768-title-KBH, .div768-title-Reference,
    .div768-title-MEID, .div768-titile-PRD, .div768-title-ServiceTag, .div768-title-RespondEmail
   {font-size:x-small; margin-left:10px; text-align:left }
    .po-divIMEILabel{ margin-left:10px}
    .mi768-mglr0{margin-left:0 !important; margin-right:0 !important;}
    .po-sltIMEI{min-width:245px; float:left}
    .cls-fieldset{padding:25px !important;}
    .img-unlservice{max-width:100% !important; max-width:60px !important}
    .content-htcchek{padding-left:50px !important; padding-right:50px !important}
    .htccheck-title {text-align:right; width:229px; height:44px}
    .pfrt-td1{width:55%;}
    .po-sltIMEI{max-width:100%}
    .tbldetail-ServiceDescription h1{width:97%}
    .text-center-m768{text-align:center}
    .text-right-m768{text-align:right }
    .m768-pd-t7p,.m768-pd-t5p{ padding-top:5px}
    .pd-r30{padding-right:30px}
    #txtSearch{ float:right !important}
    .m768-pd-t5p{padding-top:5px }
    .livesupport a{ background:url("../images/livechat.png") no-repeat;}
    #divfromdate table{ float:right}
    #txtProviderID, #txtRMType, #txtKBH, #txtReference, #txtMEIDDEC, #txtMEIDHEX, #txtESNDEC, #txtESNHEX {
    max-width:244px !important;
    }
}
@media (max-width:767px)
{
    .container-fluid {padding-right:7px}
    .hint{display:none !important;}
    .navbar-toggle{display:block; margin-top:5px; margin-bottom:5px; margin-right:auto; padding:5px 6px}
    .navbar-header{width:100%; margin-left:0 !important; margin-right:0 !important}
    .navbar{min-height:1px; margin-bottom:0}
    .navbar-nav{margin:auto}
    .navbar-collapse{border:none; padding-left:1px; padding-right:1px}
    .navbar-collapse.collapse {display:none !important}
    .navbar-collapse.collapse.in {display:block !important}
    .navbar-header button{background:#FFF}
    .breadcrumb{background:none; margin-bottom:auto; padding:0}
    .breadcrumb a{color:#294D94 ;font:100 11px/20px "Arial";font-weight:600}
    #menu-mobile{width:100% !important; margin-bottom:5px; }
    #menu-mobile li{width:100%;}
    #menu-mobile li a{padding-top:5px; padding-bottom:5px; border-bottom:1px solid #e7e7e7; font-size:12px; font-weight:300}
    #menu-mobile li a:hover{border-bottom-color:#ed1b24 !important} 
    .menu-two{margin-top:24px}
    .menu-top2{padding-bottom:5px !important}   
    .menu-two2{margin-top:-68px}
    .menu-two-top2{margin-top:70px}
    .clsVersion{display:block !important; float:left}
    .menu-two{margin-top:auto; padding-top:59px}
    .table-ordertrack td{padding:5px 0 5px 3px !important}
    #divOrder{margin-left:-7px; margin-right:-7px}
    .menu-two-top2{margin-top:32px; }
    .ma768-pdr30_{padding-right:17% !important}
    .ma768-pdr0{padding-right:0 !important}
    .ma768-pdlr0{padding-left:0 !important; padding-right:0 !important;}
    .ma768-pdlr2{padding-left:2px !important; padding-right:2px !important;}
    .ma768-pdlr5{padding-left:5px !important; padding-right:5px !important;}
    .ma768-pdlr10{padding-left:10px !important; padding-right:10px !important;}
    .ma768-mglr0{margin-left:0 !important; margin-right:0 !important;}
    .ma768-mgr16{margin-right:16px !important;}
    .ma768-right{text-align:right; }
    .ma768-pdtb10{padding-top:10px !important; padding-bottom:10px !important;}
    .ma768-center{text-align:center; }
    .mb-pad-lr5{padding-left:5px; padding-right:5px }
    .mb-pad-t8{padding-top:8px}
    .po-title-Tool, .po-title-Service, .po-title-country, .po-title-Network,
    .po-title-Brand, .po-title-Model, .po-title-OthersModel, .po-title-PINNumber,
    .po-title-MEPName, .po-title-ProviderID, .po-title-RMType, .po-title-KBH, .po-title-Reference, 
    .po-title-MEID, .po-titile-PRD, .po-title-ServiceTag, .po-title-RespondEmail
   {min-width:150px; text-align:left !important}
    #divEstimatecol1 {font-size:16px !important; margin-top:7px}
    .po-sltIMEI{width:50%}
    #txtIMEI {font-size:15px !important}
    .img-Servicedetails{max-width:150px; width:auto !important; min-width:85px}
    .img-unlservice{max-width:100% !important; max-width:50px !important}
    .strServiceCredits #divEstimatecol1{padding-top:7px ;}
    .htccheck-title{width:25%; height:44px; text-align:right; min-width:75px} 
    #txtEmailLogin,#txtPasswordLogin{max-width:340px;}
    #txtFirstName, #txtLastName, #txtPhoneNumber, #txtPassword,#txtPasswordConfirm, #cboCountry, #txtZipCode, #txtState, #txtCity
   {max-width:400px }
    .fsv-tblDescription h1{font-size:1.8em !important;}
    .po-sltIMEI{min-width:244px; float:left}
    .ulc-tdimg1{min-width:50px;}
    .unl-submit-instructions{padding-left:5px;}
    .methodlist td:nth-child(1){width:auto !important}
    #divDescription h1, .fsv-tblDescription h1{font-size:1.5em !important}
    #divDeliverycol1{font-size:16px !important; padding-top:7px;}
   .tbldetail-ServiceDescription h1{font-size:1.4em !important; width:92%;}
   .pass-formlabels{width:20px !important}
    .cls-logo{margin-left:-15px !important}
    #divLoading img {width:50px;margin-top:80% !important;}
    .track-imei{padding:0; text-align:left !important; margin-left:-15px; font-size:14px}
    .track-search-imei{text-align:left !important;float:left !important;padding:5px 0;margin-left:-15px;}
    .line2 {height:1px;width:100% !important;margin:5px 0 !important}
    .headerbd-2 .container{padding:0px !important}
    #marquee4{padding-left:3px; padding-right:3px }
    .fix-search{position:absolute; width:100%}
    .fix-group{margin-top:35px !important}
    #divfromdate table, #divtodate table{margin:0 auto}
    #divfromdate td, #divtodate td {min-width:100px}
    #divfromdate td:first-child, #divtodate td:first-child{text-align:left; padding-left:10px}
}
@media (max-width:550px)
{
    .po-sltIMEI{min-width:244px; float:left}
}
@media (max-width:500px)
{
    .po-sltIMEI{min-width:1px !important; float:none}
    .hidden-xxs{display:none !important}
    .newstable .po-imgModel{width:auto !important}
    #txtIMEI{max-width:244px !important;} 
    #onoffServices img {
        margin-top:-15px !important;
    }
}
@media (min-width:411px)
{
    .mi410-title{color:#000; text-align:right; font-size:12px;}
}
@media (max-width:410px)
{
    #txt-tool {max-width:195px;}
    .ma-mgb10{margin-bottom:10px;}
    .col-xxs-4,.col-xxs-5 ,.col-xxs-6, .col-xxs-8
   { width:100%; float:left; padding-left:15px !important; padding-right:15px !important}
    .col-xs-offset-4{margin-left:0% !important}
    .po-title-Tool, .po-title-Service, .po-title-country, .po-title-Network,
    .po-title-Brand, .po-title-Model, .po-title-OthersModel, .po-title-PINNumber,
    .po-title-MEPName, .po-title-ProviderID, .po-title-RMType, .po-title-KBH, .po-title-Reference, 
    .po-title-MEID, .po-titile-PRD, .po-title-ServiceTag, .po-title-RespondEmail
   {min-width:115px; text-align:left !important }
    .po-sltIMEI{width:100% !important}
    #divIMGModel{display:none !important }
}
