@font-face {
    font-family: 'mBlack';
    src: url("/assets/vendor/fonts/Montserrat/Montserrat-Black.ttf");
}

@font-face {
    font-family: 'mBold';
    src: url("/assets/vendor/fonts/Montserrat/Montserrat-Bold.ttf");
}

@font-face {
    font-family: 'mRegular';
    src: url("/assets/vendor/fonts/Montserrat/Montserrat-Regular.ttf");
}

@font-face {
    font-family: 'msBold';
    src: url("/assets/vendor/fonts/Montserrat/Montserrat-SemiBold.ttf");
}

@font-face {
    font-family: 'meBold';
    src: url("/assets/vendor/fonts/Montserrat/Montserrat-ExtraBold.ttf");
}

@font-face {
    font-family: 'msBoldi';
    src: url("/assets/vendor/fonts/Montserrat/Montserrat-SemiBoldItalic.ttf");
}

@font-face {
    font-family: 'mBoldi';
    src: url("/assets/vendor/fonts/Montserrat/Montserrat-BoldItalic.ttf");
}

@font-face {
    font-family: 'meBoldi';
    src: url("/assets/vendor/fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf");
}
html{
    scroll-behavior: smooth;
}

.mBlack{
    font-family: "mBlack";
}

.meBold{
    font-family: "meBold";
}

.mBold{
    font-family: "mBold";
}

.msBold{
    font-family: "msBold";
}

.mBoldi{
    font-family: "mBoldi";
}

.msBoldi{
    font-family: "msBoldi";
}

.meBoldi{
    font-family: "meBoldi";
}

.mRegular{
    font-family: "mRegular";
}

.w-10{
    width: 10%;
}
.w-25{
    width: 25%;
}
.w-30{
    width: 30%;
}

.w-35{
    width: 35%;
}

.w-40{
    width: 40%;
}

.w-45{
    width: 45%;
}

.w-60{
    width: 60%;
}

.w-65{
    width: 65%;
}

.w-80{
    width: 80%;
}

.w-95{
    width: 95%;
}

body{
    scroll-behavior: smooth;
    overflow-x: hidden;
    font-size: 1vw;
    font-family: 'mRegular';
}

a:hover{
    text-decoration-line: none;
}

.themeColor{
    color: #FF9C00 !important;
}

.text-black{
    color: black;
}

.text-grey{
    color: #777777;
}

.text-white{
    color: white;
}

.text-italic{
    font-style: italic;
}

.bg-black{
    background-color: black;
}

.bgThemeColor{
    background-color: #FF9C00;
}

.bg-grey{
    color: #777777;
}

.footerBg{
    font-size: 0.8vw;
    background-color: #212529;
}

.my-lg-10{
    margin: 6rem 0;
}

.navbar-container{
    margin: 0 3vw;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0 4vw;
}

table#contactTable tr td a{
    color: white;
}

.navbar{
    background-color: white;
}

.navbarImg{
    width: 50%;
    margin-right: 8vw;
}

ul.navbar-nav li a{
    margin: 0 1vw;
}

ul.navbar-nav li.active a{
    color: #FF9C00 !important;
}
ul.navbar-nav li a:hover{
    color: #FF9C00 !important;
}
#followUs{
    right: 6.4vh;
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: rotate(-90deg) translate(50%,-100%);
    -ms-transform: rotate(-90deg) translate(50%,-100%);
    transform: rotate(90deg) translate(50%,-100%);
    position: fixed;
    top: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 50;
    min-height: 56px;
    list-style: none;
}
.stickyiconBox{
    width: 2vw;
    height: 2vw;
    border: solid grey;
    border-width: thin;
    border-radius: 50%;
    text-align: center;
    background-color: white;
    line-height: 2vw;
    margin: 0.5vw 0.2vw 0;
    font-size: 0.9vw;
    color:grey;
}
.transformIcon{
    -ms-transform: rotate(-90deg); /* IE 9 */
    transform: rotate(-90deg);
}
.slBtn{
    border: 1px solid #FF9C00;
    border-radius: 0.2vw;
}

.Langchange{
    text-transform: uppercase;
    color: #FF9C00;
    height: 2vw;
}
textarea {
    resize: none;
 }

 .carouselArrowleft{
    margin-left: -8vw;
    margin-top: 2.4vw;
 }
 .carouselArrowright{
    margin-left: 2vw;
 }
 .carousel-inner{
    margin-bottom: 6rem;
 }
 #navbarSupportedContent ul li.nav-item{
    text-align: center;
    margin: 0.5vw auto;
}
.loginStyle{
    padding: 0.3vw 1vw;
    border-radius: 0.2vw;
    text-transform: uppercase;
}

.signupBtn{
    background-color: #FF9C00;
    border-radius: 0.2vw;
    border: none;
    color: white;
}

.loginBtn{
    background-color: transparent;
    border-radius: 0.2vw;
    border: none;
    color: #FF9C00;
}
.bookingBtn{
    background-color: transparent;
    border-radius: 0.2vw;
    border: none;
    padding: 0.3vw 1vw;
    color: #FF9C00;
    box-shadow: 0 0px 6px rgb(0 0 0 / 20%);
    text-transform: uppercase;
}

button:focus {
    outline: unset;
}
.bookingBox{
    font-size: 0.8vw;
    margin-bottom: 0.5vw;
    border-bottom: solid;
    color:#FF9C00;
}
div.nav-pills .nav-link.active, div.nav-pills .show>.nav-link, div.nav-pills .nav-link:hover{
    margin-bottom: 0.2vw;
    background-color: grey !important;
    color:white !important;
}
.bookingText{
    margin-right: 4vw;
}
.btnNext{
    font-size: 0.7vw;
    border-radius: unset;
    padding: 0.5rem 2vw;
}
.home4Icon{
    width: 5vw;
}
.copyrightText{
    font-size: 0.6vw;
    color: white;
}

.footerIcon{
    font-size: 1vw;
    padding-right: 1vw;
}

.footerButton{
    border: 2px solid white;
    color: white;
    padding: 0.5vw 1vw;
}

.footerButton:hover{
    border: 2px solid white;
    color: white;
    background-color: #FF9C00;
    padding: 0.5vw 1vw;
}

.footerSpacing{
    padding: 3vw 0;
}

.footerColLine{
    border-right: solid #FF9C00;
}

.footerColLine2{
    padding-left: 6rem!important;
}
.carousel-caption{
    top: 7vw;
    text-align: left !important;
    width: 80%;
}

.sliderTitle{
    line-height: 4vw;
    color: black;
    font-size: 4vw;
    font-family: 'meBold';
    letter-spacing: 0.5px;
}

.sliderDecs{
    color: black;
    margin-top: 2vw;
}

.sliderFindbox{
    margin-top: 6rem;
}

.sliderFind{
    color: white;
    background-color:#FF9C00;
    border: none;
    padding: 1vw 2vw;
}

.truckTitle{
    color: black;
    font-size: 2.5vw;
    font-family: 'meBold';
}

.installBtn{
    width: 92%;
    text-align: right;
    cursor: pointer;
    padding-left: 0;
}

.mtInstall{
    margin-top: 8vw;
}

.carousel-indicators{
    left: unset;
    right: -2vw;
    bottom: -4vw;
}

.carousel-indicators li{
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background-color: transparent;
    text-indent: 0% !important;
    opacity: 1;
}

.homeThreeIconP{
    padding: 3vw 3.2vw;
    box-shadow: 0 0px 27px rgb(0 0 0 / 5%);
    border-radius: 15px;
    width: 90%;
    height: 100%;
    margin: 0 auto;
}

ul {
    margin: 0;
}
ul li:before {
    position: absolute;
    margin-left: -30px;
  }
ul.dashed {
    list-style-type: none;
}

ul.dashed > li:before {
    content: "-";
    text-indent: -5px;
}

.mapBox{
    padding: 3vw 4vw;
    border-top: 1px solid #FF9C00;
    border-bottom: 1px solid #FF9C00;
    height: 100%;
}

.mapBoxLineHeight{
    line-height: 2.5vw;
}
.truckBorder{
    font-family: "msBold";
    border-bottom: 1px solid #FF9C00;
    width: 25vw;
}
.instantTitle{
    font-size: 1.5vw;
}
.instantBorder{
    border-bottom: 1px solid #FF9C00;
    height: 2.4vw;
}
.step{
    font-size: 0.7vw;
}
.bookingstep{
    height: 15px;
    width: 15px;
    margin: 0 2px;
    border: 1px solid #F2A640;
    border-radius: 50%;
    display: inline-block;
}
.nav-cross{
    color: white;
    background-color: #FF9C00;
    border: 1px solid #F2A640;
    height: 67px;
    padding-top: 10px;
}
.aboutbg{
    position: relative;
}
.bgtext {
    font-family: "meBold";
    color: white;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    font-size: 2vw;
    top: 7vw;
    left: 0;
    right: 0;
    margin: auto;
}
.transformTitle{
    color: white;
    text-align: center;
    position: absolute;
    font-size: 1.8vw;
    top: 7vw;
    left: 0;
    right: 0;
    margin: auto;
}
.semiTitle{
    font-family: "meBold";
    line-height: 2vw;
    font-size: 2vw;
}
.pshiptypeTitle{
    font-size: 1.4vw;
}
.pshiptypeSemiTitle{
    font-size: 2vw;
}
.semiTitlecontent{
    margin-left: -2vw;
}
.aboutgreybg{
    background-color: #F7F7F7;
}
.does{
    font-family: "msBold";
    line-height: 1vw;
    background-color: white;
    padding-left: 4vw;
    margin-right: 3vw;
    box-shadow: 5px 10px 18px #888888;
    border: 1px solid #FF9C00;
    border-bottom-right-radius: 10vw;
    border-top-right-radius: 10vw;
}
.orangeBox{
    position: absolute;
    z-index: 2;
    background: #FF9C00;
    width: 8%;
    left: 0.8vw;
    height: 4.6vw;
    margin-top: -1.3vw;
}


.signuppartnerBg{
    opacity: 0.3;
    position: absolute;
}
.oopbox{
    margin-left:6vw ;
}
.oopcontent{
    font-family: "msBold";
    padding: 0.5vw;
}
.signupnow{
    font-family: "msBold";
    color: white;
    padding: 0.7vw 3vw;
    background-color: #FF9C00;
}
.makeaninstant{
    color: white;
    padding: 0.7vw 3vw;
    background-color: #FF9C00;
}

.benefitscontainer{
    margin-top: -23vw;
    margin-bottom: 9vw;
}
.benefitstitle{
    line-height: 2.5vw;
    font-size: 2vw;
    color: white;
}
.benefits{
    color: white;
}
.svgrt{
    border:1px solid #FF9C00;
    padding: 0.5vw 1.5vw;
}
.joinbg{
    background-color: #333333;
}
.joinlorry{
    text-align: center;
    background-color:#FF9C00;
    border-radius:1vw;   
    position:absolute;
    padding: 1.6vw 0 2.2vw 0;
}
.joincontent{
    font-size: 0.8vw;
    border: 1px solid white;
    background-color:white; 
    border-radius:1vw;
    padding-left: 9vw;
}
.joinshipbtn{
    color: #FF9C00;
    border: 1px solid #FF9C00;
    padding: 0.3vw 1vw;
}
.btn_submit{
    font-size: 0.8vw;
    font-family: "msBold";
    color: white;
    background-color:#FF9C00;
    border: none;
    padding: 0.5vw 3vw;
}
.textareasize{
    min-height: 7vw;
    max-height: 7vw;
    min-width: 100%;
    max-width: 100%;
}
.contactInfoBox{
    padding-bottom: 7vw;
    font-size: 0.8vw;
    border: 1px solid #FF9C00;
}
.contactAddress{
    line-height: 1vw;
}
.circleIcon{
    font-size: 0.5vw;
    border: none;
    border-radius: 50%;
    background-color: #FF9C00;
    color: white;
    padding: 0.3vw;
    text-align: center;
}
.emailIcon{
    font-size: 1vw;
    color: #FF9C00;
}
.arrow-down {
    position: absolute;
    width: 0; 
    height: 0; 
    text-align: center;
    top: 15vw;
    left: 0;
    right: 0;
    margin: auto;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #FF9C00;
  }
  .circleType{
    font-size: 1.5vw;
    border: none;
    border-radius: 50%;
    background-color: #FF9C00;
    text-align: center;
    padding: 0.3vw 0.8vw 0.3vw 0.8vw;

  }
.typeBox ul {
    background-color: white;
    color: black;
    border: none;
    border-radius: 0%;
}
.typeBox li {
    background-color: white;
    color: black;
    border: none;
    border-radius: 0%;
}
.typeBox a {
    background-color: white;
    color: black;
    border: none;
    padding: 0.5vw 2.5vw;
    border-radius: 0% !important;
}
.routes{
    margin-left: 6rem !important;
    margin-right: 10rem !important;
}
.routes ul {
    margin-left: 10rem !important;
    margin-right: 15rem !important;
    background-color: white;
    color: black;
    border: none;
}
.routes li {
    background-color: white;
    color: black;
    border: none;
}
.routes a {
    font-size: 0.9vw;
    line-height: 1vw;
    border: 1px solid #FF9C00;
    background-color: white;
    color: #FF9C00;
    padding: 0.8vw 2.5vw;
    border-radius: 0.5vw !important;
}
.routesimg{
    margin-left: 10rem;
}
.home4Title{
    line-height: 1; 
    font-size:0.9vw;
}
.instant ul{
    background-color: #B2B2B2;
    color: black;
    border: none;
}
.instant a {
    color: white;
    background-color: #B2B2B2;
    border-radius: 0vw !important;
}
.shipDesc{
    height: 2vw !important;
    width:20vw;
    font-size: 0.8vw;
}
.addfield{
    background-color: #f2f2f2;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color: #FF9C00;
    color: white;
}
.nav-link.step{
    background-color: #B2B2B2;
}
.nav-link.threetab{
    border: 1px solid #FF9C00;
}

.overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgb(238,162,64,0.82);
    overflow: hidden;
    width: 100%;
    height: 100%;
    transition: .5s ease;
}
.item{
    position: relative;
    overflow: hidden;
    padding: 0.5vw;
}
.item:hover .overlay {
    bottom: 0;
    height: 100%;
    width: 100%;
  }
.fade-overlay {
    height: 100%;
    opacity: 0;
}
.item:hover .fade-overlay {
  opacity: 1;
}
.lorrytypetext {
    font-family: "msBold";
    color: white;
    font-size: 1vw;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}
.typeBox{
    display: flex;
    justify-content: center;
}
.sizeBox{
    border: 1px solid grey;
}
.sizeLine{
    border-bottom: 1px solid grey;
}
.sizeLorry{
    margin-left: 2vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
    width: 50%;
}
.lorrysizetext{
    white-space: nowrap;
    font-size: 0.9vw;
    text-align: center;
    font-family: "msBold";
    padding-left: 9rem;
}
ul.dashed{
    list-style-type: none;
}
ul.dashed > li:before{
    content: "-";
    text-indent: 1vw;
}
.dashed{
    margin-left: -2vw;
}
.vision_type{
    font-family: "msBold";
    font-size: 2vw;
    margin-left: 2vw;
    position: absolute;
    line-height: 1;
    margin-top: -5.5vw;
}
.ourservicesimg{
    margin-top: 4vw;
}
.ourservicesTitle{
    margin-top: 7vw;
}
.ourservicesTitle2{
    margin-top: 9vw;
}
.row_img{
    margin-left: 12.5vw;
    margin-top: -5.5vw;
    position: absolute;
}
.process-line{
    border-left: 1px solid black;
    height: 18.5vw;
}
.process-line::after{
    border-left: 1px solid black;
}
.process-circle{
    position: absolute;
    border: 5px solid #FF9C00;
    border-radius: 50%;
    left: -0.2vw;
}
tr.lorrysize:nth-child(even) {
    background-color: #f2f2f2;
}
tr.shipmentBorder:nth-child(even) {
    background-color: #f2f2f2;
}
label.active{
    background-color: #FF9C00 !important;
}
.ordertypeBorder{
    border: 1px solid #B2B2B2;
}
.ordertypenote{
    line-height: 1vw;
    margin-left: 1.5vw;
}
.tab{
    display: none;
}
.shipmentBorder {
    border: 1px solid #ced4da;
    border-collapse: collapse;
}
.instantfont{
    font-size: 0.8vw;
}
.totalweight{
    width: 9vw;
}
.font1vw{
    font-size: 1vw;
}
.scrollbar{
    height: 17vw;
    overflow: auto;
    overflow-x: hidden !important;
}
.input-group {
    position: relative;
    border-collapse: separate;
    width: 100%;
}
.mt{
    border-top: 1px solid #ced4da;
    border-right: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    text-align: center;
}
.removeitembtn{
    background-color: red;
    border: red;
    float: right;
}
.removeitembtn:hover{
    background-color: red;
}
.removeitembtn:focus{
    background-color: red !important;
}
.additembtn{
    background-color:#FF9C00 ;
    border: none;
}
.additembtn:hover{
    background-color:#FF9C00 ;
}
.additembtn:focus{
    background-color:#FF9C00 !important;
}
.instantDetails{
    color: white;
    background-color:#FF9C00;
}
#prevBtn{
    font-size: 0.8vw;
    font-family: 'msBold';
    border: 1px solid #FF9C00;
    color: #FF9C00;
    background-color:white;
    padding: 0.5vw 2vw;
}
#nextBtn{
    border: 1px solid #FF9C00;
    font-size: 0.8vw;
    font-family: 'msBold';
    padding: 0.5vw 2vw;
}
.custom-file-upload{
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0;
}
.whatisTitle{
    font-family: "meBold";
    line-height: 2.5vw;
    font-size: 2.5vw;
}
.semiContent{
    line-height: 1.3vw;
}
.num.active {
    background-color: #F2A640;
    border-radius: 6px;
    color: white;
}
.tab_btn{
    color: white;
    background-color: lightgrey;
}
.findusBg{
    background-color: #f2f2f2;
}
.active_tab:hover{
    background-color: #F2A640 ;
}
.dropdown-item.active_tab.active{
    background-color: #F2A640 ;
}
.typeofpartner{
    background-color: red;
    color: white;
    border: 1px solid red;
    border-radius: 50%;
    padding-right: 4px;
}
.typeofpartner:hover{
    color: white;
}
.choosetypeBorder{
    border-right: 1px solid #B2B2B2; 
}
.signloginBtn{
    font-family: "msBold";
    font-size: 0.8vw;
    color: white;
    border: 1px solid white ;
}
.already{
    font-size: 0.8vw;
}
.signupleft{
    margin-left:-1vw;
}
#tab_login{
    margin-top: 12vw;
}
#tab_login2{
    margin-top: 16vw;
}
#tabtxt_user{
    cursor: pointer;
    font-size: 0.8vw;
}
#tabtxt_partner{
    cursor: pointer;
    font-size: 0.8vw;
}
  .custom-file-input:lang(en)~.custom-file-label::after{
      content: "Upload" !important;
      color: white;
      background-color: #FF9C00;
  }


  /* On mouse-over, add a grey background color */
.checkboxStyle:hover input ~ .checkmark {
    background-color: #FF9C00;
}

/* When the checkbox is checked, add a blue background */
.checkboxStyle input:checked ~ .checkmark {
    background-color: #FF9C00;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkboxStyle input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkboxStyle .checkmark:after {
    left: 7.5px;
    top: 4px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.checkmark {
    cursor: pointer;
    margin-top: 0.3%;
    border: 1px solid #FF9C00;
    position: absolute;
    left: 15px;
    height: 25px;
    width: 25px;
    background-color: white;
  }
label{
    font-family: "msBold";
}
.dimension{
    width: 4vw;
}
/* bootstrap */
/* .row{
    margin-left: unset;
    margin-right: unset;
} */
@media (min-width: 1400px){
    .container {
        max-width: 1140px !important;
    }
}

@media (min-width: 1600px){
    .container {
        max-width: 1600px !important;
    }
}

@media (min-width: 1920px){
    .container {
        max-width: 1200px !important;
    }
    .process-circle{
        left: -0.3vw;
    }
    .process-line{
        height: 20vw;
    }
    .carouselArrowleft{
        margin-left: -7vw;
        margin-top: 2vw;
     }
}

/* end bootstrap */
@media (min-width: 2048px) and (max-width: 2048px){
    /* body{
        font-size: 1.2vw;
    } */
    .row_img{
        margin-left: 16.5vw;
        margin-top: -6.5vw;
    }
    .carouselArrowleft {
        margin-left: -4vw;
        margin-top: 1.4vw;
    }
    .carouselArrowright {
        margin-top: -1.2vw;
        margin-left: 3vw;
    }
    .process-line {
        height: 19.5vw;
    }
    .row_img {
        margin-left: 16vw;
        margin-top: -6vw;
    }
}
@media (min-width: 2560px) and (max-width: 2560px){
    /* body{
        font-size: 1.2vw;
    } */
    .container{
        max-width: 1600px !important;
    }
    .row_img{
        margin-left: 12.5vw;
        margin-top: -5.5vw;
    }
    .carouselArrowleft {
        margin-left: -4vw;
        margin-top: 0.4vw;
    }
    .carouselArrowright {
        margin-top: -2.2vw;
        margin-left: 3vw;
    }
    .joinlorry{
        padding: 1.6vw 1vw 2.2vw 1vw;
    }
    
}
@media (min-width: 1000px) and (max-width: 1900px){
    /* body{
        font-size: 1.2vw;
    } */
}

@media (min-width: 992px) and (max-width: 1099px){
    .container{
        max-width: 870px;
    }
    .carousel-inner {
        margin-bottom: 4rem;
    }
    .instantBorder{
        height: 3.4vw;
    }
    .carouselArrowleft{
        margin-top: 5.4vw;
        margin-left: -13vw;
     }
     .carouselArrowright{
        margin-top: 2vw;
        margin-left: -1vw;
     }
    .row_img{
        margin-left: 18vw;
        margin-top: -6vw;
    }
    .vision_type{
        margin-left: 4vw;
        margin-top: -6.5vw;
    }
    .process-circle{
        left: -0.5vw;
    }
    .process-line{
        height: 25.2vw;
    }
    .ourservicesTitle2{
        margin-top: 15vw;
    }
    .ourservicesimg {
        margin-top: 7vw;
    }
    .tab_btn{
        font-size: 1vw;
    }
    .dropdown_font_size{
        font-size: 1vw;
    }
    .benefits{
        margin-top: -3vw;
    }
    .joincontent{
        padding-left: 17vw;
    }
    .joinlorry{
        padding: 1.6vw 0 2.3vw 0;
    }
    .checkmark {
        margin-top: 0%;
    }
    .shipDesc {
        height: 2.6vw !important;
    }
    .contactInfoBox{
        margin-top: 1vw;
    }
    .emailIcon {
        font-size: 1.2vw;
    }
    .signupleft{
        margin-left: -3vw;
    }
    #tab_login{
        margin-top: 19vw;
    }
    #tab_login2 {
        margin-top: 25vw;
    }

}
@media (min-width: 1100px) and (max-width: 1900px){
    .container {
        max-width: 1140px !important;
    }
    .carousel-inner {
        margin-bottom: 4rem;
    }
    
    .carouselArrowright{
        margin-left: 1vw;
    }
    .vision_type{
        margin-left: 3vw;
        margin-top:-6vw;
    }
    .row_img {
        margin-left: 18vw;
        margin-top: -7vw;
    }
    .ourservicesTitle{
        margin-top: 8vw;
    }
    .ourservicesTitle2{
        margin-top: 11vw;
    }
    .process-line{
        height: 22.2vw;
    }
    .joincontent{
        padding-left: 12vw;
    }
    .orangeBox{
        height: 6vw;
        margin-top: -1.7vw;
    }
    .checkmark{
        margin-top: -0.5%
    }
    .shipDesc {
        height: 2.2vw !important;
    }
    .emailIcon {
        font-size: 1.2vw;
    }  
    #tab_login{
        margin-top: 14.7vw;
    }
    #tab_login2{
        margin-top: 20vw;
    }
    .signupleft{
        margin-left: -2vw;
    }
}
@media (min-width: 1536px) and (max-width: 1536px){
    .row_img {
        margin-left: 16vw;
        margin-top: -6vw;
    }
    .trucktype{
        padding-right: 7vw;
    }
    .process-circle {
        left: -0.3vw;
    }
    .process-line {
        height: 21.5vw;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    body{
        font-size: 2vw;
    }
    .navbarImg {
        width: 30%;
        margin-right: 40vw;
    }
    .carousel-caption {
        padding-right: 35vw;
        margin-left: -10vw;
    }
    .sliderFindbox{
        margin-top: 1rem;
    }
    .carouselArrowleft {
        margin-left: -18vw;
        margin-top: 10vw;
    }
    .carouselArrowright {
        margin-left: -4vw;
        margin-top: 5.4vw;
    }
    .home4Title{
        font-size: 1.3vw;
    }
    .step{
        font-size: 1vw;
    }
    .instantBorder{
        height: 5vw;
    }
    .instantfont{
        font-size: 1vw !important;
    }
    .mt{
        font-size: 1vw;
    }
    .shipDesc{
        font-size: 1vw;
        height: 3.3vw !important;
        width: 25vw;
    }    
    .ordertypenote {
        margin-left: 3.5vw;
    }
    .contactInfoBox {
        margin-top: 2vw;
        padding-bottom: 8vw;
        font-size: 1.5vw;
    }
    .contactAddress{
        line-height: 1.5vw;
    }
    .circleIcon{
        font-size: 1.5vw;
    }
    .emailIcon {
        font-size: 2vw;
    }
    .lorrysizetext {
        font-size: 1.5vw;
    }
    .sizeLorry{
        width: 140%;
    }
    .lorrysizetext{
        padding-left: 5rem;
    }
    .transformTitle{
        font-size: 2vw;
    }
    .pshiptypeTitle{
        font-size: 2vw;
    }
    .semiContent {
        line-height: 2vw;
    }
    .ourservicesTitle2 {
        margin-top: 30vw;
    }
    .routes{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .routes a{
        line-height: 2vw;
        font-size: 2vw;
        border-radius: 1vw !important;
    }
    .does{
        line-height: 2vw;
        margin-left: 24vw;
        margin-right: 31vw;
    }
    .row_img{
        margin-left: 18.5vw;
        margin-top: -7vw;
        font-size: 1.3vw;
    }
    .vision_type{
        margin-top: -6.5vw;
        margin-left: 4vw;
    }
    .ourservicesTitle {
        margin-top: 16vw;
    }
    .ourservicesTitle2 {
        margin-top: 22vw;
    }
    .process-line{
        height: 43vw;
    }
    .process-circle{
        left: -0.6vw;
    }
    .routesimg{
        text-align: center;
        width: 50%;
    }
    .joinlorry{
        padding: 4.5vw 0 6vw 0;
    }
    .joincontent{
        padding-left: 21vw;
        font-size: 1.3vw;
    }
    #tabtxt_user{
        font-size: 2vw;
    }
    #tabtxt_partner{
        font-size: 2vw;
    }
    .signloginBtn{
        font-size: 2vw;
    }
    .already{
        font-size: 2vw;
    }
    .truckBorder{
        width: 50vw;
    }
    .findusBg{
        font-size: 2vw;
    }
    .copyrightText{
        font-size: 2vw;
    }
    .circleIcon {
        font-size: 1.5vw;
    }
    .btn_submit{
        font-size: 2vw;
    }
    .lgfooterWord{
        font-size: 2vw;
    }
    .footerIcon{
        font-size: 2vw;
    }
    .textareasize {
        min-height: 8vw;
        max-height: 8vw;
    }
    
    
}
@media (max-width: 767px){
    body{
        overflow-x: hidden;
        font-size: 4vw ;
    }
    .contactTable{
        font-size: 3vw !important;
    }
    .navbar-brand{
        margin-right: 0 !important;
    }
    .navbarImg{
        width: 50%;
        margin-right: 0;
    }
    .otherNavbarPosition {
        position: absolute;
        top: 6.5vw;
        width: 100%;
        padding: 0;
        z-index: 99;
    }
    .navbar-container{
        margin: 0;
    }
    .carousel-caption{
        font-size: 6vw;
        position: relative;
        left: 0;
    }
    .sliderTitle{
        line-height: 8vw;
        font-size: 9vw;
    }
    .sliderDecs{
        line-height: 4vw;
        margin-right: -3vw;
        font-size: 4vw;
    }
    .sliderFindbox{
        font-size: 4vw;
        margin-top: 10vw;
    }
    .carousel-inner {
        margin-top: 30vw;
        margin-bottom: 5vw;
    }
    .carousel-caption {
        top: 0;
        left: 5vw;
    }
    .carousel-indicators {
        bottom: 35vw;
    }
    .home4Title{
        font-size: 3vw;
    }
    .home4Icon{
        width: 100%;
    }
    .btn_submit{
        font-size: 4vw;
    }
    #prevBtn{
        font-size: 5vw;
    }
    #nextBtn{
        font-size: 5vw;
    }
    .copyrightText{
        font-size: 4vw;
    }
    .aboutbg{
        width: 150% !important;
        margin-top: 38vw;
    }
    #tabtxt_user{
        font-size: 4vw;
    }
    #tabtxt_partner{
        font-size: 4vw;
    }
    .already{
        font-size: 4vw;
    }
    .signloginBtn{
        font-size: 4vw;
    }
    .transformTitle{
        right: 50vw;
        font-size: 4vw;
    }
    .arrow-down{
        top: 20vw;
        right: 50vw;
    }
    .bgtext{
        right: 45vw;
        font-size: 4vw;
    }

    .semiTitle{
        line-height: 6vw;
        font-size: 6vw;
    }
    .whatisTitle{
        font-size: 6vw;
        line-height: 5vw;
    }
    .icon_phone{
        width: 30vw;
    }
    .vision_type{
        font-size: 4vw;
        margin-left: 8vw;
        margin-top: -13.5vw;
    }
    .row_img {
        margin-left: 37vw;
        margin-top: -15.5vw;
        font-size: 3vw;
    }
    .circleIcon{
        font-size: 4vw;
    }
    .emailIcon{
        font-size: 4vw;
    }
    .contactInfoBox{
        font-size: 4vw;
    }
    .contactAddress{
        line-height: 4vw;
    }
    .lorrytypetext{
        font-size: 4vw;
    }
    .lorrysizetext{
        white-space: normal;
        padding-left: 0;
        font-size: 2.5vw;
    }
    .sizeLorry{
        width: 80%;
    }
    .does{
        line-height: 4vw;
    }
    .checkmark {
        margin-top: -0.7%;
    }
    .pshiptypeTitle{
        font-size: 6vw;
    }
    .semiContent{
        line-height: 5vw;
    }
    .circleType{
        font-size: 5vw;
    }
    .pshiptypeSemiTitle{
        font-size: 6vw;
    }
    ul li:before {
        position: absolute;
        margin-left: -3vw;
    }
    .ourservicesTitle {
        margin-top: 30vw;
    }
    .ourservicesTitle2 {
        margin-top: 56vw;
    }
    .tab_btn{
        font-size: 4vw;
    }
    .dropdown_font_size{
        font-size: 4vw;
    }
    .process-line{
        height: 130vw;
    }
    .process-circle {
        left: -1.5vw;
    }
    .routes{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .routesimg{
        margin-left: 0;
    }
    .routes a{
        font-size: 4vw;
        line-height: 6vw;
        border-radius: 2.5vw !important;
    }
    .instant{
        display: block !important;
    }
    .truckBorder{
        width: 100%;
    }
    .mt-10{
        margin-top: 10rem;
    }
    .oopcontent{
        padding: 3vw 0vw;
    }
    .joinlorry{
        position: inherit;
        padding: 0;
    }
    .joincontent{
        padding-left: 4vw;
        font-size: 4vw;
    }
    .my-lg-10{
        margin: 2rem 0;
    }
    .contactAddress{
        font-size: 4vw;
    }
    .top{
        margin-top: 38vw;
    }
    .footerSpacing{
        padding: 3vw ;
    }
    .lgfooterWord{
        font-size: 4vw;
    }
    .footerIcon{
        font-size: 4vw;
    }
    .footerIcon {
        padding-right: 5vw;
    }
    .instantfont{
        font-size: 4vw;
    }
    .font1vw{
        font-size: 4vw;
    }
    .scrollbar{
        height: 100%;
        overflow: hidden;
    }
    .step{
        font-size: 4vw;
    }
    .textareasize {
        min-height: 20vw;
        max-height: 20vw;
    }
    .ordertypenote {
        line-height: 4vw;
        margin-left: 6.5vw;
    }
    #regForm{
        margin-top: 10vw;
    }
    .choosetypeBorder{
        border-right: 0px;
        border-bottom: 1px solid #B2B2B2;
    }
    .quantity{
        width: 27vw;
    }
    .unit{
        width: 35vw;
    }
    .totalweight{
        width: 45vw;
    }
    .shipDesc{
        width: 50vw;
        font-size: 4vw;
        height: 10vw !important;
    }
    .dimension{
        width: 15vw;
    }
}