/*@media (min-width: 1920px) {

}
    
    
@media only screen and (min-width: 992px) and (max-width: 1199px){
    

}*/
    
@media screen and ( device-width: 1024px ) {


}

       
@media only screen and (min-width: 768px) and (max-width: 991px){


}
    
       
@media (max-width: 768px) {

    .navbar-toggler, .navbar-toggler-icon{display: none !important;}

}
    
@media (max-width: 767px) {

}
       
       
@media (max-width: 767px) {

}
    
    
@media only screen and (min-width:568px) and (max-width: 767px){ 

    .tracking-location:before { content: '' !important; position: absolute !important; width: 10px !important;
        left: 75px !important; min-height: 250px; right: 0px !important; margin: 0px !important;
    }

    .tracking-icon{display: inline-block !important; float: left !important;}
    .tracking-title h5{display: inline-block !important; float: left !important; padding-top: 10px;}
    .tracking-location{min-height: 310px !important;}

    .navbar-toggler, .navbar-toggler-icon{display: none !important;}


    .navbar-toggler, .navbar-toggler-icon{display: none !important;}
}
    
    
@media only screen and (min-width:320px) and (max-width: 567px){ 

    .tracking-location:before { content: '' !important; position: absolute !important; width: 10px !important;
        left: 75px !important; min-height: 250px; right: 0px !important; margin: 0px !important;
    }

    .tracking-icon{display: inline-block !important; float: left !important;}
    .tracking-title h5{display: inline-block !important; float: left !important; padding-top: 10px;}
    .tracking-location{min-height: 310px !important;}

    .navbar-toggler, .navbar-toggler-icon{display: none !important;}
}

.routing-block .col-lg-7{padding-left:0px !important;}

@media (max-width: 1199px) {
    
  .tsLoc .tracking-title{position: relative;  z-index: 1;}
    
.etaCard{position: absolute;right: 0;}  
    .trackStatusWrapp .col-lg-6{flex: 0 0 95.5% !important;  max-width:95.5% !important; margin-left:15px; margin-right:15px;}
    .trackStatusWrapp .col-lg-3 {flex: 0 0 35% !important;  max-width: 50% !important; position: absolute;}
        .tracking-location.trackingStatusLoc{margin-top: 80px;  height: 62px;}
}



@media only screen and (min-width: 992px) and (max-width: 1199px){
    .rightLoginSvk img{width: 200px !important;     margin-bottom: 16px;}
    .rightLoginHeading {padding-bottom: 21px;}
    


.tsLoc .tracking-icon:before {left: -63px !important;   width: 59px !important;}



}



@media (max-width: 991px) {
trackingSearch .searchbar {width: 579px !important;}
.loginSvk .branding{height:auto;}
}

@media only screen and (min-width: 768px) and (max-width: 851px){}

@media (max-width:580px) {
 .trackingSearch .searchbar{width:100% !important;}
 .searchbar-input{padding-left:10px !important;}
 .trackingSearch .searchbar-icon, .searchbar-submit{         font-size: 11px !important;
        width: 84px !important;}
  .trackingSearch input::placeholder {
    font-size: 11px ;
    padding:0px !important;
}
.routing-block .col-lg-7{padding-left: 15px !important;}
.loginTrakingRight .card-body {
    padding: 0px;
}

.loginTrakingRight {
    padding-left: 15px !important;
}

.accordion>.card {

    margin-bottom: 7px !important;
}
}