@media only screen and (max-width:480px) {
.track-deails1::before {
    left:42.4%;
}
.track-deails1 .col-4.col-lg-4{
    padding-left: 0px;
    padding-right: 0px;
}
}
@media only screen and (min-width:481px) and (max-width:767px) {
.track-deails1::before {
    left:41.4%;
}
}
@media only screen and (max-width:767px) {
.navbar .btn {
    display: block; 
    margin: 10px auto !important;
    border-color:transparent !important; 
    color: #fff !important;
}
.track-deails1 p {
    white-space:unset;
}
.user-section{
    text-align: center;
}
.user-section span{
    margin-left: 0px;
}
.navbar {
    padding: 0px 10px;
}
.section h1 {
    font-size: 21px;
}
ul.navbar-nav.ml-auto {
    margin-right: auto;
}
h1{
    font-size: 21px; 
}
.p-40 {
    padding: 20px;
}
.pricing h1.pb-5{
    padding-bottom: 1rem!important;
}
.inside-card.p-25 {
    padding: 15px;
}
.right-head .btn{
    font-size: 10px;
    padding-left: 0.5rem!important;
    padding-right: 0.5rem!important;
}
.pricing .card{
    margin-top: 20px;
}
.form-controls {
    width: 60%;
}
.payment-card .text-right{
    text-align: left !important;
    margin-top: 15px;
}
.payment-card {
    padding: 30px;
}
.table {
    font-size: 12px;
}
.px-sm-0{
   padding-left: 0px !important;
   padding-right: 0px !important;
}
.navbar-brand img {
    width: 50px;
    margin-left: 0px;
}
.copyright p{
  text-align: center;
}
.navbar-collapse{
    background: #eee;
    position: absolute;
    top: 75px;
    width: 100%;
    left: 0;
    z-index: 9;
}
.navbar-light .navbar-nav .nav-link{
    color:#0a4676 !important;
    text-align: center;
    font-size: 13px;
}
.navbar-collapse .btn-outline-primary{
    color: #fff;
    border-color: #fff;
    margin: 0 auto;
    display: block;
}
.navbar-nav li {
    border-bottom: solid 1px #fff;
    padding: 7px 0;
}
.inside-card {
    padding: 15px;
    margin-bottom: 20px;
}
.px-5 {
    padding-right: 2rem!important;
    padding-left: 2rem!important;
}
.footer .row{
    display: block;
    text-align: center;
}
.profile .card p {
    font-size: 12px;
}
.profile strong {
   /* width: 45%;*/
}

}


@media only screen and (min-width:768px) and (max-width:991px) {
.section h1 {
    font-size: 28px;
}
h1{
    font-size: 28px; 
}
.profile .card p {
    font-size: 12px;
}
.profile strong {
    /*width: 45%;*/
}
.inside-card { 
    padding: 20px;
}
ul.navbar-nav.ml-auto {
    margin-right: auto;
}
.px-5 {
    padding-right: 2rem!important;
    padding-left: 2rem!important;
}
.navbar-collapse{
    background: #eee;
    position: absolute;
    top: 85px;
    width: 100%;
    left: 0;
    z-index: 9;
}
.navbar-nav li {
    border-bottom: solid 1px #fff;
    padding: 7px 0;
}
.navbar-light .navbar-nav .nav-link{
    color:#0a4676 !important;
    text-align: center;
    font-size: 13px;
}
.navbar .btn {
    display: block; 
    margin: 10px auto !important;
    border-color:transparent !important; 
    color: #fff !important;
    width: 35%;
}
.user-section{
    text-align: center;
}
.user-section span{
    margin-left: 0px;
}
.pricing .card{
    margin-top: 20px;
}
.pricing .card{
    margin-top: 20px;
}
.pricing h1.pb-5{
    padding-bottom: 1rem!important;
}

}

@media only screen and (min-width:1024px) and (max-width:1170px) {
.navbar-light .navbar-nav .nav-link {
    font-size: 13px;
    padding: 0 10px;
}
.section h1 {
    font-size: 30px;
}
.profile strong {
   /* width: 50%;*/
}
h1{
    font-size: 30px; 
}
.inside-card { 
    padding: 30px;
}
ul.navbar-nav.ml-auto {
    margin-right: auto;
}
}


@media only screen and (min-width:1600px) and (max-width:1920px) {
.container{
	max-width: 90%;
}
}

@media only screen and (min-width:1920px) and (max-width:2300px) {
.container{
	max-width: 90%;
}
}