/* Omprakash CSS Document */
/* Change breadcrum col from md to sm*/
.loginContainer .logoSection .hide-mobile{display:block;}
.loginContainer .logoSection .show-mobile{display:none;}
.table-responsive{border:none;}
@media screen and (max-width: 991px) {
.loginContainer .loginSection .login-box, .loginContainer .logoSection .login-logo{left:14%;}
.loginContainer .logoSection .login-logo h1{font-size:32px;}
.loginPage .loginSection h2{font-size:30px; margin-bottom:45px;}
.breadCrumb{padding-top:0px; text-align:left; margin-bottom:15px;}
.breadCrumb-outer{height:auto;}
#dtBasicExample_wrapper{overflow-x:auto;}
#dtBasicExample_wrapper table th, #dtBasicExample_wrapper table td:last-child{white-space:nowrap}
#dtBasicExample_wrapper:after{overflow:visible; content:normal;}
.container{width:90%;}
#navbar.navbar-right{position:absolute; right:5%;  top:10px; margin-right:0px;}
#navbar.navbar-right .navbar-nav{margin-right:0px;}
.selectPlanContainer .logoSection .login-logo{width:90%; margin-left:auto; margin-right:auto;}
.selectPlanContainer .logoSection .login-logo{top:10px; padding-bottom:40px;}
}
@media screen and (max-width: 900px) {
.loginContainer{display:block; height:auto;}
.loginContainer .logoSection{width:100%; height:100%; display:block; text-align:center; padding:0px; box-sizing:border-box; margin:30px 0 0px; padding-top:30px; padding-bottom:30px; }
.loginContainer .logoSection .login-logo{left:auto; right:auto; position:relative;  transform:none;}
.loginContainer .loginSection{width:50%; display:block; margin:0 auto;}
.loginContainer .loginSection .login-box{left:auto; right:auto; position:relative; top:auto; transform:none;}
.loginContainer .logoSection .hide-mobile{display:none;}
.loginContainer .logoSection .show-mobile{display:block;}
.menuToggle{margin-left:15px;}
.container{width:96%;}
.loginContainer .loginSection{width:90%; padding-top:30px;}
.footer-links{top:0px;}
.loginPage .loginSection h2{margin-bottom:5px;}
.modal-dialog {    width: 90%;
    margin-left: auto;
    margin-right: auto;}
/*New Responsive*/
.selectPlanTopHead .innerLogo img{width:150px;}
.selectPlanTopHead .profileDisplay a {font-size:13px;}
.selectPlanTopHead .profileDisplay a img {
    width: 14px;
    margin-right: 5px;
}
.loginPage .loginSection h2, .plansDiv ul li:last-child h5  {font-size:20px;}
h3{font-size:20px;}
.plansDiv ul li {font-size:16px; line-height:22px;}
.plansDiv ul li:last-child small {font-size:13px;}
.selectedPlanDiv ul li:last-child h5{font-size:20px;}
.selectedPlanDiv ul li {font-size:15px;}
.btn.btn-primary {font-size:16px; padding-left:30px; padding-right:30px;}
.loginContainer .loginSection.selectPlanSection .login-box {margin-top:90px;}






.tableNoBorder.tableHeading td{font-size:22px;}
.tableNoBorder.tableCurrentPlan{font-size:14px;}
.tableNoBorder.tableCurrentPlan span{font-size:15px;}
.table.loginHistory td{font-size:14px;}

.searchFilterSection li {margin-bottom:10px}

}

@media screen and (max-width: 1023px) {
.loginContainer.faqsSection .loginSection{display:block; width:100%; padding-left:30px; padding-right:30px;}
.selectPlanContainer.faqsSection .logoSection{display:block; width:100%; display:none;}
.loginContainer.faqsSection .login-box{left:0px; right:0px;}
}

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

	.searchFilterSection li:nth-child(odd){width:30%;}
	.searchFilterSection li:nth-child(even){width:68%;}
	.searchFilterSection .input-group.date{width:100%;}
	.searchFilterSection .btn{width:100%;}
	.searchFilterSection li:last-child{width:100%;}

    .innerLogo img {width:100%;    }
    .selectPlanTopHead .profileDisplay a {padding:8px 10px;    }
    .selectPlanTopHead .profileDisplay .dropdown a {width:100%;    }
}