


@media only screen and (max-width: 992px){
.bottom-form-sec {flex-wrap: wrap;}
}


@media only screen and (max-width: 767px){
.bottom-form-sec {display: block;}
}

@media only screen and (min-width: 320px) and (max-width: 479px){
    .top-header .container{width: 100%; padding-right: 8px; padding-left: 8px;}
    .top-header{padding-bottom: 4px;}
    .top-header li{font-size: 14px; margin-right: 11px;}
    .top-header li a{font-size: 14px;}
    .top-header li .fa{display: none;}
    .bg-9{ background: transparent; background-color:#d7d7d7;}
    .header-full-area .container-fluid{padding:0 15px;}
    	
    .home-banner{padding: 200px 0 50px;}
    
    .quick-delivery {display: block; float: right; width: auto; margin-bottom: 38px;}
    .quick-delivery a{padding:5px 10px;}
    .mean-container .mean-bar{margin-top:20px;}
    #mobile-device .header-full-area{background:#e5e3e0;}
    #mobile-device .logo img{margin-top:0;  width:90%;}
    #mobile-device .mean-container .mean-bar{margin-top:0px;}
    .mean-container a.meanmenu-reveal span {background-color: #F20;}
    .mean-container a.meanmenu-reveal{margin-top:-17px;}
    .header-bottom .col-md-4{width:50%; float:left;}
    .header-bottom .col-md-8:nth-child(2){width:50%; float:right; margin-top:40px;}
    .logo{padding:10px 0 10px;}
    .logo-inner img{width:100%;}
    .heading-txt{margin-bottom:20px;}
    .step1 .choose-vhicle{width:100%;}
    .step1 .city-to-city{display:none;}
    .step1 .choose-vhicle li{width:50%;}
    .step1 .choose-vhicle li p{font-size:13px; margin-bottom:2px;}
    .step1 .choose-vhicle li img{margin-bottom:0px;}
    .step2 ul, .step2 li input[name="cname"], .step2 li input[name="cname"], .step2 li input[name="address"], .step2 li input[name="address"], .step2 li input[name="unitorapt"], .step2 li input[name="unitorapt"]{width:100%;}

    .step2 li input[name="cname"], .step2 li input[name="cname"], .step2 li input[name="address"], .step2 li input[name="address"], .step2 li input[name="unitorapt"], .step2 li input[name="unitorapt"]{margin-bottom:5px;}
    .step2 #map{width:100%;margin-top:0px;}
    .step3 .left, .step3-new .left{width:100%;}
    .step3 li{width:100%;}
    .step3-new .left .radio1 li, .step3-new .left .weight-amount li{width:100%;}
    .step3 .right, .step3-new .right{width:100%;}
    .usr_icon li{width:32%;}
    .do-my-delivery li, .dashboard li {width: 49%; margin-bottom:10px;}
    .do-my-delivery li a {padding: 6px 5px; font-size: 12px; float: left; width: 100%; min-height: 40px;}
    .dashboard li a {padding: 6px 10px; font-size: 12px;}
    #signup_bg{width:300px;}
    .new-user{margin-top:17px;}
    .picup-address, .picup-address .step3 li:first-child, .confirm-pickup .pick-detail{width:100%;}
    .picup-address .step2 li:first-child, .picup-address .step2 li:nth-child(2), .picup-address .step3 li:nth-child(2){width:100%; margin-left:0;}
    .confirm-pickup .pick-detail .step1 li p, .confirm-pickup .pick-detail .step1 li span{width:100%;}
    .confirm-pickup .cont-detail{width:100%;}
    .heading-txt h2 {font-size: 25px;}
    .confirm-pickup .pick-detail h2{font-size:18px;}
    
    .how-it-work{width:90%;}
    .main-menu{margin-top:0;}
    .app-screen{display:none;}
    .app-down{margin-top:20px; width:90%;}
    .app-down h4{font-size:20px; text-align:center;}
    .app-down ul{width:90%; margin-top:30px;}
    .app-down li{width:46%; margin:0 2% 30px;}
    .other-to-other .top .steps1{width:99%;}
    .other-to-other .top .steps1 li:first-child, .other-to-other .top .steps1 li:nth-child(2), 
    .other-to-other .top .steps1 li:nth-child(3), .other-to-other .top .steps1 li:nth-child(4){width:99%; margin-left:0;}
    .final-confirm-page .step1, .final-confirm-page .step2{width:99%; margin-bottom: 10px;}

    .final-confirm-page .step1 li p, .final-confirm-page .step1 li span, 
    .final-confirm-page .step2 .bottom li p, .final-confirm-page .step2 .bottom li span{width: 100%; font-size:13px;}

    .order_status{width: 100%;}
    .footer-top .col-xs-12{margin-bottom:30px;}
    .footer-top .app-icon li{width:40%; }
    .footer-top .app-icon li img{width:100%;}
    .social-links h6{width:100%; margin:0 0 10px;}
    .track-details-page{width:90%;}
    .track-details-page iframe{height: 350px;}
    .pickup-page{width: 96%;}
    .orders-table table tr td, .orders-table table tr th{font-size: 12px;}
    .order_status .left{width:100%; margin-right: 0; padding-bottom: 10px;}
    .order_status .right{width:100%; margin-top: 10px;}
    .pickup-new-info .left, .pickup-new-info .right { width: 100%;}
    .shipper-sign li:first-child, .shipper-sign li:nth-child(2), 
    .recipient-sign li:first-child, .recipient-sign li:nth-child(2) { width: 99%; margin-bottom: 8px;}
    .pick-lft, .shipper-sign, .ser-del-info{width: 100%; border-right: 0; padding: 10px 0;}
    .pick-lft li:first-child, .pick-lft li:nth-child(2), .pick-lft li:nth-child(11), .pick-lft li:nth-child(12), 
    .pick-rgt li:first-child, .pick-rgt li:nth-child(2), .pick-rgt li:nth-child(11), .pick-rgt li:nth-child(12) {width: 98%;}
    .pick-rgt{border-top: 0; border-bottom: 0; width: 100%;}
    .recipient-sign{width: 100%; border-top: 0; border-bottom: 2px solid #000; }
    .pick-lft li, .pick-rgt li{margin:0 0 8px;}
    .pick-lft li:first-child, .pick-lft li:nth-child(2), .pick-lft li:nth-child(9), .pick-lft li:nth-child(10),     
    .pick-rgt li:first-child, .pick-rgt li:nth-child(2), .pick-rgt li:nth-child(9), .pick-rgt li:nth-child(10){width: 100%;}
    .pick-lft li:nth-child(3), .pick-lft li:nth-child(4), .pick-lft li:nth-child(5), .pick-lft li:nth-child(11), 
    .pick-rgt li:nth-child(3), .pick-rgt li:nth-child(4), .pick-rgt li:nth-child(5), .pick-rgt li:nth-child(11){width: 100%;}
    .pick-lft li:nth-child(6), .pick-lft li:nth-child(7), .pick-lft li:nth-child(8), 
    .pick-rgt li:nth-child(6), .pick-rgt li:nth-child(7), .pick-rgt li:nth-child(8){width: 100%;}
    .bill-info{width: 100%; border-right: 0;}
    .no-pices-info{width: 30%;}
    .fee-info{width: 70%;}
    .fee-info li label {width: 50%;}
    .fee-info li input {width: 50%;}
    .pickup-new-info .left1 {float: left; width: 100%;}
    .pickup-new-info .right1 {float: left; width: 100%;}
    .ser-del-info, .bill-info{border-bottom: 0;}
    .other-order-status{width: 100%;}
    .other-order-status .qrcode{width: 30%;}
    .other-order-status-right{width: 70%; margin-top: 10px;}
    .other-order-payment-status, .print-ticket-shipper{width: 100%;}
    .print-ticket-shipper button, .print-ticket-shipper a{margin-bottom: 10px; font-size: 12px; margin-right: 6px;}
    .final-confirm-page .step3{width: 99%;}
    .search-by-invoice {width: 100%;}
    .search-by-invoice li input {width: 70%;}
    .search-by-invoice li button {width: 28%;}
    
    .third-party-30 {width: 90%;}
    .third-party-30 .top li:nth-child(odd), .third-party-30 .top li:nth-child(even) {width: 100%;}
    .third-party-30 .top li label, .third-party-30 .top li span {font-size: 13px;}
    
    .third-party-30 .left{width:100%; margin-right: 0; margin-bottom: 15px;}
    .third-party-30 .right{width:100%;}

    .bill-inform li{width: 100%;}
    .bill-inform li:nth-child(2){width: 100%; margin-right: 0; margin-left: 0;}
    .no-pices-inform li {width: 48%;}
    .button-new-zip button{margin-bottom: 8px; padding: 8px 6px; font-size: 12px; margin: 0 0;}

    .bgwhite, .new-login-page{width: 100%;}
    .login-right{float: left; width: 100%; margin-bottom: 20px;}
    .login-left{float: left; width: 100%;}
    .login-left li{width: 99%;}
}   



@media only screen and (min-width: 480px) and (max-width: 599px) {
    .header-full-area .container-fluid{padding:0 15px;}
    .logo{padding:10px 0 10px;}
    .logo img{ width:80%;}		
    .home-banner{margin-top:-22px;}
    .mean-container .mean-bar{margin-top:20px;}
    .quick-delivery {display: block; float: left; width: auto;}
    .quick-delivery a{padding:5px 10px;}
    #mobile-device .header-full-area{background:#e5e3e0;}
    #mobile-device .logo img{margin-top:0;  width:70%;}
    #mobile-device .mean-container .mean-bar{margin-top:5px;}
    .mean-container a.meanmenu-reveal span {background-color: #F20;}
    .mean-container a.meanmenu-reveal{margin-top:-40px;}
    .header-bottom .col-md-4{width:50%; float:left;}
    .header-bottom .col-md-8:nth-child(2){width:50%; float:right; margin-top:60px;}
    .how-it-work{width:90%;}	
    .heading-txt{margin-bottom:20px;}
    .step1 .choose-vhicle{width:100%;}
    .step1 .city-to-city{display:none;}
    .step1 .choose-vhicle li{width:50%;}
    .step1 .choose-vhicle li p{font-size:13px; margin-bottom:2px;}
    .step1 .choose-vhicle li img{margin-bottom:0px;}

    .step2 ul, .step2 li input[name="cname"], .step2 li input[name="cname"], .step2 li input[name="address"], .step2 li input[name="address"], .step2 li input[name="unitorapt"], .step2 li input[name="unitorapt"]{width:100%;}
    .step2 li input[name="cname"], .step2 li input[name="cname"], .step2 li input[name="address"], .step2 li input[name="address"], .step2 li input[name="unitorapt"], .step2 li input[name="unitorapt"]{margin-bottom:5px;}
    .step2 #map{width:100%;margin-top:0px;}

    .step3 .left, .step3-new .left{width:100%;}
    .step3 li{width:100%;}
    .step3-new .left .radio1 li{width:100%;}
    .step3-new .left .weight-amount li{margin-bottom:10px; width:98%;} 
    .step3 .right, .step3-new .right{width:100%;}
    .do-my-delivery li, .dashboard li {width: 49%; margin-bottom:10px;}
    #signup_bg{width:460px;}
    .new-user{margin-top:17px;}
    .picup-address, .picup-address .step3 li:first-child, .confirm-pickup .pick-detail{width:100%;}
    .picup-address .step2 li:first-child, .picup-address .step2 li:nth-child(2), .picup-address .step3 li:nth-child(2){width:100%; margin-left:0;}
    .confirm-pickup .pick-detail .step1 li p, .confirm-pickup .pick-detail .step1 li span{width:100%;}
    .confirm-pickup .cont-detail{width:100%;}
    .heading-txt h2 {font-size: 25px;}
    .confirm-pickup .pick-detail h2{font-size:18px;}

    .other-to-other .top .steps1{width:99%;}
    .other-to-other .top .steps1 li:first-child, .other-to-other .top .steps1 li:nth-child(2), 
    .other-to-other .top .steps1 li:nth-child(3), .other-to-other .top .steps1 li:nth-child(4){width:99%; margin-left:0;}
	
    .order_status{width: 100%;}
    .final-confirm-page .step1, .final-confirm-page .step2{width:99%; margin-bottom: 10px;}
    .final-confirm-page .step1 li p, .final-confirm-page .step1 li span, .final-confirm-page .step2 .bottom li p, .final-confirm-page .step2 .bottom li span{width: 100%; font-size:13px;}
    .main-menu{margin-top:0;}
    .app-screen{display:none;}
    .app-down{margin-top:20px; width:90%;}
    .app-down h4{font-size:20px; text-align:center;}
    .app-down ul{width:90%; margin-top:30px;}
    .app-down li{width:46%; margin:0 2% 30px;}
    .social-links h6{width:100%; margin:0 0 10px;}
    .track-details-page{width:90%;}
    .track-details-page iframe{height: 350px;}
    .pickup-page{width: 70%;}
    .orders-table table tr td, .orders-table table tr th{font-size: 12px;}
    .order_status .left{width:100%; margin-right: 0; padding-bottom: 10px;}
    .order_status .right{width:100%; margin-top: 10px;}
    .pickup-new-info .left1{width: 100%;}
    .pickup-new-info .right1{width: 100%;}
    .shipper-sign li:first-child, .shipper-sign li:nth-child(2), 
    .recipient-sign li:first-child, .recipient-sign li:nth-child(2){width: 99%; margin-bottom: 8px;}
    .pick-lft li:first-child, .pick-lft li:nth-child(2), .pick-lft li:nth-child(11), .pick-lft li:nth-child(12), 
    .pick-rgt li:first-child, .pick-rgt li:nth-child(2), .pick-rgt li:nth-child(11), .pick-rgt li:nth-child(12){width: 98%;}
    .ser-del-info{border-right:0; border-bottom: 0;}
    .ser-del-info li:nth-child(3) label{width: 30%;}
    .ser-del-info li:nth-child(3) input{width: 70%;}
    .fee-info li label {width: 55%;}
    .fee-info li input {width: 45%;}
    .other-order-status{width: 90%;}
    .other-order-status .qrcode {width: 35%;}
    .other-order-status-right {width: 65%;}
    .other-order-payment-status {width: 65%; margin-top: 20px;}
    .print-ticket-shipper{width: 90%;}
    .print-ticket-shipper button, .print-ticket-shipper a{font-size: 12px;}
    .pick-lft li, .pick-rgt li{margin:0 0 8px;}
    .pick-lft li:first-child, .pick-lft li:nth-child(2), .pick-lft li:nth-child(9), .pick-lft li:nth-child(10), 
    .pick-rgt li:first-child, .pick-rgt li:nth-child(2), .pick-rgt li:nth-child(9), .pick-rgt li:nth-child(10){width: 100%;}
    .pick-lft li:nth-child(3), .pick-lft li:nth-child(4), .pick-lft li:nth-child(5), .pick-lft li:nth-child(11), 
    .pick-rgt li:nth-child(3), .pick-rgt li:nth-child(4), .pick-rgt li:nth-child(5), .pick-rgt li:nth-child(11){width: 100%;}
    .pick-lft li:nth-child(6), .pick-lft li:nth-child(7), .pick-lft li:nth-child(8), 
    .pick-rgt li:nth-child(6), .pick-rgt li:nth-child(7), .pick-rgt li:nth-child(8){width: 100%;}
    
    .final-confirm-page .step3{width: 99%;}
    
    .search-by-invoice {width: 80%;}
    
    .third-party-30 {width: 90%;}
    .third-party-30 .top li {width: 100%;}
    
    .third-party-30 .left{width:100%; margin-right: 0; margin-bottom: 15px;}
    .third-party-30 .right{width:100%;}
    .ser-del-inform li textarea{height: 184px;}
    .bill-inform li{width: 100%;}
    .bill-inform li:nth-child(2){width: 100%; margin-right: 0; margin-left: 0;}
    .no-pices-inform li {width: 98%;}

    .bgwhite, .new-login-page{width: 100%;}
    .login-right{float: left; width: 100%; margin-bottom: 20px;}
    .login-left{float: left; width: 100%;}
    .login-left li{width: 49%;}
}



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

    .header-full-area .container-fluid{padding:0 15px;}
    .logo{padding:10px 0 10px;}
    .logo img{ width:50%;}	
    .home-banner{margin-top:-22px;}
    .mean-container .mean-bar{margin-top:20px;}
    .mean-container a.meanmenu-reveal span {background-color: #F20;}
    .mean-container a.meanmenu-reveal{margin-top:-40px;}
    
    .quick-delivery {display: block; float: left; width: auto;}
    .quick-delivery a{padding:5px 10px;}
    #mobile-device .header-full-area{background:#e5e3e0;}
    #mobile-device .logo img{margin-top:0px;}
    #mobile-device .mean-container .mean-bar{margin-top:15px;}
    .header-bottom .col-md-4{width:60%; float:left;}
    .header-bottom .col-md-8:nth-child(2){width:40%; float:right; margin-top:60px;}

    .heading-txt{margin-bottom:20px;}
    .step1 .choose-vhicle{width:100%;}
    .step1 .city-to-city{display:none;}
    .step1 .choose-vhicle li p{font-size:13px; margin-bottom:2px;}
    .step1 .choose-vhicle li img{margin-bottom:0px;}
    .step2 ul{width:100%;}
    .step2 li input[name="cname"], .step2 li input[name="cname"]{width:32%;}
    .step2 #map{width:100%; margin-top:0px;}
    .step3 .left{width:100%;}
    .step3 .right{width:100%;}
    .step3-new .left{width:50%;}
    .step3-new .left .radio1 li{width:100%;}
    .step3-new .left .weight-amount li{width:100%; margin-bottom:10px;}
    .step3-new .right{width:45%;}
    .do-my-delivery li{width:49%; margin-bottom:10px;}
    .do-my-delivery li a {padding:8px 7px; font-size:16px;}	
    .dashboard li a {padding:8px 5px; font-size:12px;}	
    #signup_bg{width:580px;} 
    .other-to-other .top .steps1 li:first-child, .other-to-other .top .steps1 li:nth-child(2), 
    .other-to-other .top .steps1 li:nth-child(3), .other-to-other .top .steps1 li:nth-child(4){width:99%; margin-left:0;}
    .picup-address{width:100%;}
    .picup-address .step2 li:first-child input[name="cname"]{width:100%;}
    .confirm-pickup .pick-detail{width:100%;}
    .confirm-pickup .pick-detail .step1 li p{width:26%;}
    .confirm-pickup .pick-detail .step1 li span{width:70%;}
    .confirm-pickup .cont-detail{float:none; margin:0 auto; width:60%;}
    .order_status{width: 100% !important;}
    .final-confirm-page .step1, .final-confirm-page .step2{width:99%; margin-bottom: 10px;}
    .how-it-work{width:90%;}
    .app-screen{display:none;}
    .app-down{margin-top:20px; width:90%;}
    .app-down h4{font-size:20px; text-align:center;}
    .app-down ul{width:90%; margin-top:30px;}
    .app-down li{width:46%; margin:0 2% 30px;}
    .social-links h6{width:45%;}        

    .track-details-page{width:90%;}
    .track-details-page iframe{height: 350px;}
    .pickup-page{width: 60%;}
    .orders-table table tr td, .orders-table table tr th{font-size: 12px;}
    .pickup-new-info .left1{width: 100%;}
    .pickup-new-info .right1{width: 100%;}
    .shipper-sign li:first-child, .shipper-sign li:nth-child(2), 
    .recipient-sign li:first-child, .recipient-sign li:nth-child(2){width: 99%; margin-bottom: 8px;}
    .pick-lft li:first-child, .pick-lft li:nth-child(2), .pick-lft li:nth-child(11), .pick-lft li:nth-child(12), 
    .pick-rgt li:first-child, .pick-rgt li:nth-child(2), .pick-rgt li:nth-child(11), .pick-rgt li:nth-child(12){width: 98%;}
    .ser-del-info{border-right:0; border-bottom: 0;}
    .ser-del-info li:nth-child(3) label{width: 30%;}
    .ser-del-info li:nth-child(3) input{width: 70%;}
    .fee-info li label {width: 55%;}
    .fee-info li input {width: 45%;}
    .other-order-status{width: 90%;}
    .other-order-status .qrcode {width: 35%;}
    .other-order-status-right {width: 65%;}
    .other-order-payment-status {width: 65%; margin-top: 20px;}
    .print-ticket-shipper{width: 90%;}
    .print-ticket-shipper button, .print-ticket-shipper a{font-size: 12px;}    
    .pick-lft li, .pick-rgt li{margin:0 0 8px;}
    .pick-lft li:first-child, .pick-lft li:nth-child(2), .pick-lft li:nth-child(9), .pick-lft li:nth-child(10), 
    .pick-rgt li:first-child, .pick-rgt li:nth-child(2), .pick-rgt li:nth-child(9), .pick-rgt li:nth-child(10){width: 100%;}
    .pick-lft li:nth-child(3), .pick-lft li:nth-child(4), .pick-lft li:nth-child(5), .pick-lft li:nth-child(11), 
    .pick-rgt li:nth-child(3), .pick-rgt li:nth-child(4), .pick-rgt li:nth-child(5), .pick-rgt li:nth-child(11){width: 100%;}
    .pick-lft li:nth-child(6), .pick-lft li:nth-child(7), .pick-lft li:nth-child(8), 
    .pick-rgt li:nth-child(6), .pick-rgt li:nth-child(7), .pick-rgt li:nth-child(8){width: 100%;}
    
    .final-confirm-page .step3{width: 99%;}
    
    .search-by-invoice {width: 70%;}
    .third-party-30 {width: 96%;}
    .third-party-30 .left{width: 100%; margin-right: 0; margin-bottom: 15px;}
    .third-party-30 .right{width: 100%;}
    .third-party-30 .top li label {font-size: 13px;}
    .third-party-30 .top li span {font-size: 13px;}
    .ser-del-inform li textarea{height: 184px;}
    .bill-inform li{width: 100%;}
    .bill-inform li:nth-child(2){width: 100%; margin-right: 0; margin-left: 0;}
    .no-pices-inform li {width: 98%;}

    .bgwhite, .new-login-page{width: 100%;}
    .login-right{float: right; width: 55%; margin-bottom: 20px; margin-left: 5%;}
    .login-left{float: left; width: 40%;}
    .login-left li{width: 100%;}
}



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

    .header-full-area .container-fluid{padding:0 15px;}
    .logo{padding:10px 0 10px;}
    .logo img{width:50%;}	
    .home-banner{margin-top:-22px;}
    .mean-container .mean-bar{margin-top:20px;}
    .mean-container a.meanmenu-reveal span {background-color: #F20;}
    .mean-container a.meanmenu-reveal{margin-top:-40px;}
    .header-bottom .col-md-4{width:60%; float:left;}
    .header-bottom .col-md-8:nth-child(2){width:40%; float:right; margin-top:70px;}
    
    .quick-delivery {display: block; float: left; width: auto;}
    .quick-delivery a{padding:5px 10px;}
    #mobile-device .header-full-area{background:#e5e3e0;}
    #mobile-device .logo img{margin-top:0px;}
    #mobile-device .mean-container .mean-bar{margin-top:20px;}
    .heading-txt{margin-bottom:20px;}
    .step1 .choose-vhicle{width:100%;}
    .step1 .city-to-city{display:none;}
    .step1 .choose-vhicle li p{font-size:13px; margin-bottom:2px;}
    .step1 .choose-vhicle li img{margin-bottom:0px;}
    .step2 ul{width:100%;}
    .step2 li input[name="cname"], .step2 li input[name="cname"]{width:32%;}
    .step2 #map{width:100%;margin-top:0px;}
    .step3 .left{width:100%;}
    .step3 .right{width:100%;}
    .other-to-other .top .steps1 li:first-child, .other-to-other .top .steps1 li:nth-child(2), 
    .other-to-other .top .steps1 li:nth-child(3), .other-to-other .top .steps1 li:nth-child(4){width:99%; margin-left:0;}

    .step3-new .left .radio1 li{width:50%;}
    .step3-new .right{width:28%;}	
    .picup-address{width:100%;}
    .picup-address .step2 li:first-child input[name="cname"]{width:100%;}

    .confirm-pickup .cont-detail{width:33%;}
    .confirm-pickup .pick-detail .step1 li p, .confirm-pickup .pick-detail .step1 li span{width:auto;}
    .confirm-pickup .cont-detail .right{margin-top:0;}
    .do-my-delivery li a {padding: 6px 5px; font-size: 12px; float: left; width: 100%; min-height: 40px;}

    .dashboard li a {padding:8px 10px; font-size:14px;}
    .order_status{width: 95%;}
    .final-confirm-page .step1, .final-confirm-page .step2{width:99%; margin-bottom: 10px;}
    .how-it-work{width:70%;}
    .app-down h4 {font-size: 24px;}
    .app-down ul {width: 70%;}
    .social-links h6{width:40%;}
    .footer-top .app-icon li {width: 45%;}
    .mean-container .mean-bar{margin-top:10px;}       

    .track-details-page{width:80%;}
    .track-details-page iframe{height: 350px;}
    .orders-table table tr td, .orders-table table tr th{font-size: 12px;}
    .pickup-new-info .left1{width: 100%;}
    .pickup-new-info .right1{width: 100%;}
    .shipper-sign li:first-child, .shipper-sign li:nth-child(2), 
    .recipient-sign li:first-child, .recipient-sign li:nth-child(2){width: 99%; margin-bottom: 8px;}
    .pick-lft li:first-child, .pick-lft li:nth-child(2), .pick-lft li:nth-child(11), .pick-lft li:nth-child(12), 
    .pick-rgt li:first-child, .pick-rgt li:nth-child(2), .pick-rgt li:nth-child(11), .pick-rgt li:nth-child(12){width: 98%;}
    .ser-del-info{border-right:0; border-bottom: 0;}
    .ser-del-info li:nth-child(3) label{width: 30%;}
    .ser-del-info li:nth-child(3) input{width: 70%;}
    .fee-info li label {width: 55%;}
    .fee-info li input {width: 45%;}
    .other-order-status{width: 90%;}
    .other-order-status .qrcode {width: 20%;}
    .other-order-status-right {width: 40%;}
    .other-order-payment-status {width: 40%; margin-top: 20px;}
    .print-ticket-shipper{width: 90%;}
    .print-ticket-shipper button, .print-ticket-shipper a{font-size: 12px;}
    
    .pick-lft li, .pick-rgt li{margin:0 0 8px;}
    .pick-lft li:first-child, .pick-lft li:nth-child(2), .pick-lft li:nth-child(9), .pick-lft li:nth-child(10), 
    .pick-rgt li:first-child, .pick-rgt li:nth-child(2), .pick-rgt li:nth-child(9), .pick-rgt li:nth-child(10){width: 100%;}

    .pick-lft li:nth-child(3), .pick-lft li:nth-child(4), .pick-lft li:nth-child(5), .pick-lft li:nth-child(11), 
    .pick-rgt li:nth-child(3), .pick-rgt li:nth-child(4), .pick-rgt li:nth-child(5), .pick-rgt li:nth-child(11){width: 100%;}

    .pick-lft li:nth-child(6), .pick-lft li:nth-child(7), .pick-lft li:nth-child(8), 
    .pick-rgt li:nth-child(6), .pick-rgt li:nth-child(7), .pick-rgt li:nth-child(8){width: 100%;}
    
    .final-confirm-page .step3{width: 99%;}
    .third-party-30 {width: 90%;}
    .ser-del-inform li textarea{height: 280px;}
    .bill-inform li{width: 100%;}
    .bill-inform li:nth-child(2){width: 100%; margin-right: 0; margin-left: 0;}
    .no-pices-inform li {width: 48%;}

    .bgwhite, .new-login-page{width: 100%;}
    .login-right{float: right; width: 45%; margin-bottom: 20px; margin-left: 5%;}
    .login-left{float: left; width: 50%;}
    .login-left li{width: 49%;}
    .login-left li img{margin-bottom: 0; width: 50%;}
    .login-left li h3 {font-size: 15px;}
    .login-left li a{display: block; padding:8px 0;}
}



@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-bottom .col-lg-4{width:22%;}
    #mobile-device .logo img{width:67%;}
    .header-bottom .col-lg-8:last-child{width:75%; margin-top:0px;}
    .main-menu{margin-top:18px;}
    .home-banner{margin-top:-22px;}
    .main-menu ul li {margin-left: 20px;}
    .logo img{width:100%;}
    #mobile-device .header-full-area{background:#e5e3e0;}
    #mobile-device .logo img{margin-top:0px;}
    .step2 li input[name="cname"], .step2 li input[name="cname"]{width:32%;}
    .step3-new .left .radio1 li{width:50%;}
    .do-my-delivery li a {padding:8px 10px; font-size:14px;}
    .picup-address{width:70%;}
    .picup-address .step2 li:first-child input[name="cname"]{width:100%;}
    .confirm-pickup .cont-detail{width:33%;}
    .confirm-pickup .pick-detail .step1 li p, .confirm-pickup .pick-detail .step1 li span{width:auto;}
    .confirm-pickup .cont-detail .right{margin-top:0;}
    
    .final-confirm-page .step1 li p, .final-confirm-page .step1 li span, 
    .final-confirm-page .step2 .bottom li p, .final-confirm-page .step2 .bottom li span{font-size:13px;}

    .other-to-other .top .steps1 li:first-child, .other-to-other .top .steps1 li:nth-child(2), 
    .other-to-other .top .steps1 li:nth-child(3), .other-to-other .top .steps1 li:nth-child(4){width:99%; margin-left:0;}
    .header-full-area .container-fluid {padding-left: 15px; padding-right: 15px;}
    .how-it-work{width:60%;}
    .bg {left: 20px; right: 20px;}
    .app-down h4 {font-size: 30px;}
    .social-links h6{width:27%;}
    .footer-top .app-icon li {width: 45%;}
    .track-details-page{width:80%;}
    .track-details-page iframe{height: 350px;}
    .do-my-delivery li a {padding: 6px 5px; font-size: 14px; float: left; width: 100%; min-height: 40px;}
    .order_status {width: 84%;}
    .fee-info li label{width: 50%;}
    .fee-info li input {width: 50%;}
    .ser-del-info li:nth-child(3) label{width: 30%;}
    .ser-del-info li:nth-child(3) input{width: 70%;}
    .other-order-status{width: 75%;}
    .third-party-30 {width: 85%;}

    .new-login-page {width: 100%;}
}



@media (min-width: 1920px) {

	

	.social-links h6{width:30%;}

    .single-footer-widget .pr-10 {padding-right: 20px;}

    .slick-prev {left: -72px;}

    .header-two-area .main-menu ul li, .header-three-area .main-menu ul li {margin-left: 0; margin-right: 35px;}

    .header-full-area .container-fluid {padding: 0 60px;} 

    .main-menu ul li {margin-left: 35px;}

}