@media ( min-width:1023px) {
    .rightSideMenu ul { left: inherit!important; right:0; }
}

@media only screen and (max-width: 1399px) {
    #nav li a, .loginbtn a { font-size: 0.8125em; }
}

@media only screen and (max-width: 1300px) {
    .tariffReportPlan{ display:block; height:auto; }
    .tariffReportPlan .nav{ justify-content:center; margin-bottom:15px; }
    .tariffCheckbox ul{  justify-content:center;  }
}

@media only screen and (max-width: 1199px) {
    .t90Bhishma h2{  font-size:1.25em; }
    .t90Bhishma span { font-size:0.9375em; }
    .t90Bhishma p{ font-weight:300; }
    .headingh3, .sectionHeading, .subHeading { font-size: 1.375em; }
    .tsptext span.tsptotal, .tsptext span {  font-size: 1.0625em; }
    .Tariffinner span.TariffPlans{  font-size: 0.875em; }
    .totalrecord{ padding:15px; }
    .totalrecord{ height:30.33%; }
    .packName { display: flex; justify-content: space-between; align-items: center; }
    .TalktimeBlock, .ValidityBlock { display: flex; justify-content: space-between; align-items: center; }
    .planDetail { display: block; }
}

@media only screen and (max-width: 1024px) { 
    .logindrop{ margin-right:2em;height:3.125em; }    
    .toggleMenu .mobileMenu{ display:none; }
    .mainNavigation { position: relative; }
    .toggleMenu { right: 15px; position: absolute; top: 50%; padding: 0px; transform: translateY(-50%); }
    header { background: #000; }
    .redbtn { height: auto; font-size: 1em; padding: 5px 15px; max-width:100% !important; width:auto!important; }
    #nav li { float:none; display:block; border:none; margin:0; }
    #nav { display:none; position:absolute;top: 50px; left:0; right:0; background:#333;z-index: 1; }   
    #nav ul{ background:#305d93; }
    .toggleMenu, #nav .menuIcon { display:block; }   
    #nav li.parent { display: inline-block; width: 100%; }
    #nav li .menuIcon, #nav li li .menuIcon { width:46px; height:auto; background-color: rgb(35 31 32); position:absolute; right:0; top:1px; bottom:0; cursor:pointer; transform: initial; }
    #nav li .menuIcon.active, #nav li li .menuIcon.active { background-color:#002d63; background-color: rgb(0 0 0 / 50%); }
    #nav li > a:hover, #nav li.hover > a, #nav li.active > a, #nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a { background-color:#002d63;color: #fff; }
    #nav ul { width:100%; display:none; position:relative; transition:none; -webkit-transition:none; }
    .hasJS #nav ul{ opacity:1; }
    #nav li ul li, #nav ul a { width:100%; }
    #nav > li:hover > ul, #nav li li:hover > ul, #nav li li li:hover > ul { display:none; }
    #nav ul, #nav *:hover ul ul, #nav .hover ul ul, #nav .focus ul ul { margin-left:0; }
    #nav li a { padding:10px 15px; display:block; line-height:14px; font-size:0.875em; color: #fff; border-top:1px solid #606060; }
    #nav li a::before { display: none; }
    #nav li ul li a { padding:7px 55px 7px 25px; display:block; line-height:21px; background:#191919; color:#fff; border-top: 1px solid #606060; }
    #nav li ul li ul li a { padding-left:45px; background-position:33px center; }
    #nav li ul li ul li ul li a { padding-left:60px; background-position:45px center; }
    #nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a, #nav > .highlight > a { background-color:#252728;color: #fff; }
    #nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav ul > .highlight > a { background-color:#305d93;color: #fff; }
    .t90Bhishma p{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;font-size:0.875em; }
    #nav li .menuIcon.active { transform: none; -webkit-transform: none; }
    #nav li .menuIcon:before { justify-content: center; line-height: 35px; }
    li.parent.hover ul:before{ display:none; }
    .PrepaidCombo .accordion .card h2.collapsed { padding-right: 50px; }
    .mainCheckbox .all-list{ width:100%; }
    .listingAcco { grid-gap: 15px; }
    .mainCheckbox ul label img{ padding-left:5px; }
    .mainresult-found{ display:block;margin-bottom:15px; }
    .dataTableWrap table { width: 1366px; }
    .headermenu{ height:3.125em; }
    #nav li a, .loginbtn a { font-size: 0.875em; }
  }  

@media only screen and (max-width: 991px) {
    .topStrip ul li{ padding: 0 5px; }
    .leftMenuTop li:nth-child(1){ display: none; }
    .socialLinksSection { align-items: flex-start;padding-left: 30px; }
    .border-right:first-child::after{ display: none; }
    .mapinner{ margin-bottom:20px; }
    .totalrecord { height:auto; }
    .planDetail { display: flex; }
    .TSPCardSection{ margin-bottom:20px; }
    .sectionSpacing { padding: 30px 0px; }
    .col-md-12.col-lg-5.ftborder{ border-right:none; }
    .pagination .input-group{ margin: auto; width:auto; }
    .tab-content>.tab-pane { display: block; opacity: 1; }
    .tariffProductReport .accordion-button:not(.collapsed) { color: #ffffff; background-color: #5c55b8; border-radius: 8px 8px 0 0; }
    .tariffProductReport .accordion-button:not(.collapsed)::after { filter: grayscale(1) invert(1) contrast(4); }
    .tariffProductReport .tab-pane { border-top: 1px solid #dee2e6; background: #EEEEF8; padding-bottom: 15px;margin-top:15px; }
    .tariffProductReport .accordion-button{ border-radius:8px; }
    .img-left p{ font-size:0.9375em;line-height: 19px; }
    .img-title{ font-size:1.25em; }
    .centuryLink .companyLogo{ margin-right:0; }

}

@media only screen and (max-width: 767px) {
    .searchContainer{ justify-content:center; }
    .logopart { text-align: center; }
    .mapinner, .totalrecord{ padding:15px; }
    .tsptext span.tsptotal, .tsptext span{ font-size:1.0625em; }
    .Tariffinner span.TariffPlans{ font-size:0.875em; }
    .planDetail { display: block; }
    .footerLInks a, .contactLinks a{ font-size:0.875em; }
    .tariff-arrow{ top:9px; }
    section.yourTariff { margin: 30px 0; }
    .detail404 .largeText { font-size: 1.25em; }
    .tariffCheckbox ul{ display:block; }
    .tariffCheckbox ul li{ margin-bottom:15px; }
    .tariffProductReport .tab-pane{ margin-bottom:0; }
    .accordion-body .pd0 { padding: 0; }
    .cst-colgrid, .typlist, .all-innersum{ display:block; }    
    .accordion-body .respl{ padding:0;margin-bottom:0 !important; }
    .lefttrafplan { padding: 30px 15px; }
    .lefttrafplan.faqinnerMain{ padding:15px; margin-top:15px; }
    .lefttrafplan .accordion .card{ margin-bottom:15px; }
    .lefttrafplan.PrepaidCombo{ padding:20px 0; }
    .typlist li{ margin-bottom:15px; }
    .call-detail{ float:none; }
    .information-list { margin-bottom: 10px; }
    .aboutplContant h2, .headingDeffout{ font-size:20px; }
    .listingAcco{ display:block; }
    .listingAcco li { margin-bottom: 10px; }
    .listingAcco li span{ width:120px; float:left; padding-right:0; }
    .card-body .cust-tabledata table tr:nth-child(odd) td, .cust-tabledata .tableRowOdd{ display:block; }
    .card-body .cust-tabledata table td{ border-right:none;border-bottom:1px solid rgb(0 0 0 / 20%);text-align: left;padding:10px 15px; }
    .faqinnerMain .accordion { margin: 0; }
    .img-right { margin-right: 0px; }
    .updatesWrap:after{  width:270px; }
    .result-foundWrap{ padding:25px 15px; }
    .providerTable table { width: 800px; }
    .eventRecord.bottomFilterLeft{ display:block; }
    .total-record { text-align: center; margin-top: 15px; }
    .bottomFilterRight ul.pagination { text-align: center;display: inline-block;margin-bottom:0;width:100%; }
    .bottomFilterRight ul.pagination li { display: inline-block; }
    .tableOut table{ width: 1024px; }
    
} 

@media only screen and (max-width: 579px) {
    .searchBtn i{ font-size: 11px; }
    .searchBox{ width: 270px; }
    footer { padding: 30px 0px; }
    .footerLInks a{width: 100%; }
    .socialLinksSection { align-items: flex-start;padding-left: 0px; }
    .logopart a img { width: 230px; }
    .CaptchaWrapFlex, .captcha-box-wrap { display: block !important; }
    .captchaSet, .captchaBox{ margin-bottom:15px; }
    .CaptchaWrapFlex img#captcha { margin-right: 10px; border-radius: 8px; max-width: 130px; height: 45px; margin-left: 0; }
    .rstinner { display: block; }
    .colorBorder{ padding:10px; }
    .rstright { grid-gap: 5px;margin-top:15px; }
    .xlsdownload a img { width: 20px; height: 20px; }
    .rstright .xlsdownload a img { width: 15px; }
    .smoke { width:95%; }

} 

@media only screen and (max-width: 479px) {
    .cyberheader ul li a img { width: 30px; }
    .cyberheader ul li a{ font-size:0.875em; }
    .cyberheader ul li{ padding:0 9px; }
    .cyberheader ul li:first-child { padding-left: 0; }
    .cyberheader ul li:after{ height:26px; }
    .planSelectOption { width: 100%;display: block; } 
    select.form-select.mx-10 { margin: 10px 0; }
    .section-header-block, .planLIstSection li, .packName, .selectboxinline{ display:block; }
    .buttonLink{ display:inline-block; }
    .isptsp .companyLogo { padding: 15px; background: #fff; margin-right: 0;margin-bottom:10px; border-radius:8px;overflow:hidden; }
    .planDetail{ display:block;width: 100%; }
    .search-box-btn{ margin-bottom:15px; width:100%; }
    .following-options ul li span{ width:100%; }
    .customModal .modal-content { padding: 0px 15px 10px; } 
    .confirmbtn-Modal, .editbtn-Modal, .cancelbtn-Modal{ width:auto; padding:10px 18px;font-size: 14px; }
    .modal-title { font-size: var(--sttl-theme-font-20); line-height: 24px; }
    .customModal .modal-footer { justify-content: space-around; }
    .updatesWrap, .img-bg { height: auto; }
    .img-contant { display: block;position: relative; top: initial; transform: initial;  width: 100%; padding: 20px; text-align: center; }
    .colorBorder, .grayBorder{font-size: var(--sttl-theme-font-13); }
    .xlsdownload a { height: 2.2em; width: 2.2em; }
    .listingAcco li span { width: auto; float: none; padding-right: 0px; display: block; }
    .updatesWrap:after { height: 280px; width: 650px; bottom: 0; top: auto; background-size: 100%; }
    .smoke-base .dialog-inner { padding: 50px 15px; }
}