@media (min-width:1100px) and (max-width:1300px){
/******home page******/
.banner_text_in	img{width: 171px; height: 40px;}
.calculator {
    height: 450px !important;
}

}
 /* Start of Style added by wpfreelance for home page calculator for desktop */

@media (min-width:1101px) {

.colmain {
  height: auto !important;
}
.col_btm .col3 {
  margin-bottom: 20px;
}
 .parcel1.fw {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-top: medium none;
    margin-left: 5%;
    padding-left: 0;
    padding-right: 0;
}
.parcel1.fw > h4 {
    color: #fff;
    margin-left: 5px;
    padding: 5px 13px;
}
.parcel1.fw > label {
    margin-left: 20px;
    width: 19.5%;
}
.parcel1.fw > input {
    width: 19.5%;
}
.fw .input1 {
    width: 4.3% !important;
}
.fw .select2 {
    width: 5.3% !important;
}
.copy_data {
  left: 45% !important;
}
.col_btm {
        position: relative;
}
.col_btm .col4 {
    bottom: 35px;
    position: absolute;
    right: 0;
}
.col_btm .col4 input[type="submit"] {
-webkit-appearance: none !important;
}
.hide_mob {
    height: 40px;
}
}
/* End of Style added by wpfreelance for home page calculator for desktop */

@media (min-width:998px) and (max-width:1100px){
	.col_3 input{width:95%;}
	.booking_progress4 li {
    margin-left: 4px;}
	.booking_progress4 li img{width:43px;}
	
/******home page******/
.banner_text_in {
    width: 80%;}

/* Start of Styles added by Wpfreelance to make the home page calculator responsive in tablet device */
    #dyn_cont {
    left: 0 !important;
    }
    .banner_text_in_2 {
    left: 0 !important;
    padding: 5px !important;
    top: 90px !important;
    width: 100% !important;
    }
    .banner_text_in_2 img {
    border-radius: 7px 7px 0 0;
    height: auto !important;
    width: 23.9% !important;
    max-width: 110px;
    }
    .calculator {
    width: auto !important;
    height: 400px !important; 
    }
    .showme.active {
    background: #8C8C8D none repeat scroll 0 0 !important;
    }
    .showme {
    background: #CCC3BA none repeat scroll 0 0 !important;
    }
    .colmain > h2 {
    /*color: #fdc741 !important; */
    font-size: 18px !important;
    margin-left: 3% !important;
    }
    .colmain h3 {
        font-weight: bold;
    }
    .col_btm .col4 input[type="submit"] {
     /*   float: none !important;
        margin-right: 0 !important; */
    }
    .col_btm .col4 {
    margin-top: 5%;
    /*text-align: center !important; */
    }
    #parcel_weight1, #parcel_quantity {
    width: 25% !important;
    }
    #dyn_cal .col_btm #parcel_dimensition1_l_1.input1, #parcel_dimensition2_w_1.input1, #parcel_dimensition3_h_1.input1, #parcel_length_type_1.select1 {
        width: 9% !important;
        line-height: 100% !important;
    }
    .col_btm .col3 input[type="text"], .col1 input[type="text"], .col2 input[type="text"] {
        height: 18px !important;
        line-height: 100% !important;
    }
   .col1 label, .col2 label, .col3 label {
    line-height: 30px;
    margin-left: 4% !important;
    width: 47% !important;
    }
    #dyn_cal select, input {
    margin-top: 6px;
    }
    .colmain {
    height: auto !important;
    }
    .pwc.last {
    /*float: left; */
    width: 50%;
    }
    .pwc {
       width: 100%;
    }
    .col_btm .col3 {
        margin-bottom: 20px;
    }
    .parcel1.fw {
    padding-left: 0;
    padding-right: 0;
    width: 45%;
    margin-left: 5%;
    }
    .last .parcel1.fw {
     width: 90%;
     margin-left: 10%;
    }
    .parcel1 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-top: medium none;
    padding-left: 20px;
    }
    .parcel1 h4 {
        color: #fff !important;
        padding-left: 18px;
    }
    .fw label {
        line-height: 30px;
    margin-left: 4% !important;
    width: 47% !important;
    margin-bottom: 5px;
    margin-right: 0px !important;
    display: block;
    float: left;
    }
    .parcel1.fw > input {
    width: 25%;
    }
    .fw .input1 {
    line-height: 100% !important;
    width: 9% !important;
    }
    .fw .select2 {
        width: 9% !important;
        line-height: 100% !important;
    }
    .copy_data {
        left: 95% !important;
    }
    .col_btm .col4 {
        margin-top: 0 !important;
    }
    .col_btm .col4 input[type="submit"] {
    font-size: 2em !important;
    }
    .col_btm {
        position: relative;
    }
    .col_btm .col4 {
    bottom: 35px;
    position: absolute;
    right: 0;
    }
    .col_btm .col4 input[type="submit"] {
-webkit-appearance: none !important;
}

.hide_mob {
    height: 26px;
}
/* End of Styles added by Wpfreelance to make the home page calculator responsive in tablet device */

}


@media all and (max-width:850px){

#header-container.custom-header {
    height: auto !important;
}
}



@media (min-width:640px) and (max-width:997px){
	.col_1 img{width:95%;}
	.col_3 input{width:95%;}
	.booking_progress4 li{margin-left:5px;}
	.booking_progress p {
    font-size: 11px;
}
.booking_progress a {
    font-size: 11px;}
	.booking_progress4 li {
    margin-left: 4px;}
	.booking_progress4 li img{width:43px;}	
	
	
/******home page******/
	.banner_text_in {
    width: 97%;
}
.colmain {
    padding: 2px;
    margin-top: 1px;
}
.colmain h2 {
    font-size: 19px;
}
.col1 h3 span {
    padding: 3px 10px;
    font-size: 14px;
}
.col1 h3 {
    font-size: 15px;}

.col2 h3{font-size: 15px;}
.col2 h3 span {
    padding: 3px 10px;
    font-size: 13px;}
	
.col1 label {
    font-size: 11px;
}

.col1 select {
    font-size: 11px;
}
.col1 input[type="text"]{
    font-size: 11px;
}

.col2 label{font-size: 11px;}
.col2 select {
    font-size: 11px;
}
.col2 input[type="text"]{
    font-size: 11px;
}

.col_btm .col3 h3 span {
    font-size: 14px;
	padding: 3px 9px;
}

.col_btm .col3 h3 {
    font-size: 14px;}

.col_btm .col3 label{font-size: 11px;}

.col_btm .col3 select{
	font-size: 11px;	
}

.col_btm .col3 input[type="text"]{
	font-size: 11px;	
}
.col_btm .col3 input[type="text"]{
	font-size: 11px;	
}
.col_btm .col4 input[type="submit"]{
	font-size: 11px!important;
}
.col_btm .col3 select{
	font-size: 11px;	
}

/*Start of Styles added by Wpfreelance to make the home page calculator responsive in medium screen device */

    #dyn_cont {
    left: 0 !important;
    }
    .banner_text_in_2 {
    left: 0 !important;
    padding: 5px !important;
    top: 90px !important;
    width: 100% !important;
    }
    .hide_mob {
        display: none;
    }
    .display_mob {
        display: block;
        margin-bottom: -1px;        
    }
    .banner_text_in_2 img {
    border-radius: 7px 7px 0 0;
    height: auto !important;
    width: 23.9% !important;
    max-width: 100px;
    }
    .calculator {
    width: auto !important;
    height: 400px !important; 
    }
    .showme.active {
    background: #8C8C8D none repeat scroll 0 0 !important;
    }
    .showme {
    background: #CCC3BA none repeat scroll 0 0 !important;
    }
    .colmain > h2 {
    /*color: #fdc741 !important; */
    font-size: 18px !important;
    margin-left: 3% !important;
    }
    .colmain h3 {
        font-weight: bold;
    }
    .col_btm .col4 input[type="submit"] {
     /*   float: none !important;
        margin-right: 0 !important; */
    }
    .col_btm .col4 {
    margin-top: 5%;
    /*text-align: center !important; */
    }
    #parcel_weight1, #parcel_quantity {
    width: 25% !important;
    }
    #dyn_cal .col_btm #parcel_dimensition1_l_1.input1, #parcel_dimensition2_w_1.input1, #parcel_dimensition3_h_1.input1, #parcel_length_type_1.select1 {
        width: 9% !important;
        line-height: 100% !important;
    }
    .col_btm .col3 input[type="text"], .col1 input[type="text"], .col2 input[type="text"] {
        height: 18px !important;
        line-height: 100% !important;
    }
   .col1 label, .col2 label, .col3 label {
    line-height: 30px;
    margin-left: 4% !important;
    width: 47% !important;
    }
    #dyn_cal select, input {
    margin-top: 6px;
    }
    .colmain {
    height: auto !important;
    }
    .pwc.last {
    float: left;
    width: 50%;
    clear: both;
    }
    .pwc {
       width: 100%;
    }
    .col_btm .col3 {
        margin-bottom: 20px;
    }
    .parcel1.fw {
    padding-left: 0;
    padding-right: 0;
    width: 45%;
     margin-left: 5%;
    }
    .last .parcel1.fw {
     width: 90%;
     margin-left: 10%;
    }
    .parcel1 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-top: medium none;
    }
    .parcel1 h4 {
        color: #fff !important;
        padding-left: 18px;
        font-size: 14px;
    }
    .fw label {
    line-height: 30px;
    margin-left: 4% !important;
    width: 47% !important;
    margin-bottom: 5px;
    margin-right: 0px !important;
    display: block;
    float: left;
    font-size: 67%;
    }
    .parcel1.fw > input {
    width: 25%;
    font-size: 74%;
    }
    .fw .input1 {
    line-height: 100% !important;
    width: 9% !important;
    font-size: 74%;
    }
    .fw .select2 {
        width: 9% !important;
        line-height: 100% !important;
        font-size: 74%;
    }
    .copy_data {
        left: 95% !important;
    }
    .col_btm .col4 {
        margin-top: 2% !important;
    }
    .col_btm .col4 input[type="submit"] {
    font-size: 2em !important;
    }
    .col_btm {
    padding-left: 0 !important;
    padding-right: 0 !important;
    }
    .col_btm .col3 h3 span {
        padding-left: 16px !important;
        padding-right: 16px  !important;
    }
    .col_btm {
        position: relative;
    }
    .col_btm .col4 {
    bottom: 35px;
    position: absolute;
    right: 0;
    }
    .col_btm .col4 input[type="submit"] {
-webkit-appearance: none !important;
}

/* End of Styles added by Wpfreelance to make the home page calculator responsive in medium screen device */
}



@media (min-width:240px) and (max-width:639px){
	.carrier_price_left {
    width: 100%;
	float:none;}
	.col_3 input{width:95%;}
	.col_1 img{width:95%;}
	
	.carrier_price_right {
    width: 100%;
	float:none;}
	.booking_progress4 li{margin-left:5px;}
	
	.address_outer {
    display: block;
    float: none;
    width: 100%;}
	.email_quote {
    clear: both;}
	
	.address_outer .address_container .fieds > span {
    font-size: 70%;}
	
	.address_outer .address_container .fieds input[type="text"] {
    font-size: 80%;}
	.fieds label{font-size:77%;}
	
	.address_outer .address_container .fieds textarea {
    font-size: 88%;}

/* Starrt of Styles added by Wpfreelance to make the home page calculator responsive in small screen device */

    .hide_mob {
        display: none;
    }
    .display_mob {
        display: block;
        margin-bottom: -1px;        
    }
    .banner_text_in_2 img {
        border-radius: 7px 7px 0 0;
        height: auto !important;
        width: 23.9% !important;
    }
    .calculator {
        width: auto !important;
        height: 550px !important; 
    }
    .showme.active {
        background: #8C8C8D none repeat scroll 0 0 !important;
    }
    .showme {
        background: #CCC3BA none repeat scroll 0 0 !important;
    }
	.colmain > h2 {
        /*color: #fdc741 !important; */
        font-size: 18px !important;
        margin-left: 3% !important;
    }
    .colmain h3 {
        font-weight: bold;
    }
    .col_btm .col4 input[type="submit"] {
     /*   float: none !important;
        margin-right: 0 !important; */
    }
    .col_btm .col4 {
        margin-top: 5%;
    /*text-align: center !important; */
    }
    #parcel_weight1, #parcel_quantity {
        width: 25% !important;
    }
    #dyn_cal .col_btm #parcel_dimensition1_l_1.input1, #parcel_dimensition2_w_1.input1, #parcel_dimensition3_h_1.input1, #parcel_length_type_1.select1 {
        width: 9% !important;
        line-height: 100% !important;
    }
    .col_btm .col3 input[type="text"], .col1 input[type="text"], .col2 input[type="text"] {
        height: 18px !important;
        line-height: 100% !important;
    }
   .col1 label, .col2 label, .col3 label {
        line-height: 30px;
        width: 49% !important;
        margin-left: 10px !important;
    }
    #dyn_cal select, input {
        margin-top: 6px;
    }
	.colmain {
        height: auto !important;
	}
    select {
        -moz-appearance: none;
        -webkit-appearance: none;
        text-indent: 0.01px;
        text-overflow: '';
    }
    .pwc.last {
        float: left;
        width: 100%;
    }
    .pwc {
        width: 100%;
    }
    .col_btm .col3 {
        margin-bottom: 20px;
    }
    .colmain .col_btm .col3 label {
        width: 47% !important;
        margin-right: 0 !important;
    }
    .parcel1.fw {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
   }
    .last .parcel1.fw {
        width: 100%;
    }
    .parcel1 {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border-top: medium none;
    }
    .parcel1.fw {
        margin-left: 0 !important;
    }
    .parcel1.fw > h4 {
        color: #fff !important;
        padding: 5px 10px 5px 5px !important;
        margin-left: 5px;
        font-size: 12px;
    }
    .fw label {
        line-height: 30px;
        width: 47% !important;
        margin-bottom: 5px;
        display: block;
        float: left;
        margin-left: 10px !important;
        font-size: 12px;
    }
    .fw .input1 {
        line-height: 100% !important;
        width: 9% !important;
        float: left;
        margin-right: 5px;
        font-weight: normal;
    }
    .input1 {
        margin-right: 5px !important;
    }
    .fw .select2 {
        width: 9% !important;
        line-height: 100% !important;
    }
    .copy_data {
        left: 93% !important;
    }
    .parcel1.fw > input {
        width: 25%;
        height: auto !important;
        font-size: 12px;
        line-height: 100% !important;
        font-weight: normal;
    }
    .select2 {
        font-size: 12px;
        font-weight: normal;
        height: 16px;
    }
    .select1 {
        margin-right: 0 !important;
    }
    .col_btm {
        position: relative;
    }
    .col_btm .col4 {
    float: left !important;
    /*padding-top: 20px;*/
    position: relative !important;
    padding-bottom: 20px;
    margin-top: 0 !important;
    }
    .col_btm .col4 input[type="submit"] {
-webkit-appearance: none !important;
}

/* End of Styles added by Wpfreelance to make the home page calculator responsive in small screen device */    
    
}

@media (max-width:375px){
/******home page******/
.banner_text_in {
    left: 2%;
    padding: 10px;
    top: 106px;
    width: 96%;
    z-index: 9999;
	height:200px;
	overflow:auto;
}
}
@media (min-width:320px) and (max-width:639px){
/******home page******/
.colmain {
    padding: 2px;
    margin-top: 1px;
}
.banner_text_in {
    left: 2%;
    padding: 10px;
    top: 106px;
    width: 96%;
    z-index: 9999;
}
.col1 {
    float: left;
    width: 32%;
}
.col2 {
    width: 32%;
    float: left;
}
.col_btm {
    float: left;
    display: block;
	clear:none;
    width: 35%;
	background:none;
	padding: 0px 10px;
}
.col1 label, .col2 label, .col_btm .col3 label {
    /*width: 100%!important;*/
	margin-bottom: 0px;
}
.col_btm .col3 {
    float: none;
    width: 100%;
}
.col_btm .col4 {
    float: none;
    width: 100%;
    text-align: left;
}
.col_btm .col4 input[type="submit"]{
    font-size: 11px!important;
    padding: 8px 10px!important;
	margin-top: 4px!important;
	font-size: 10px!important;
}
.colmain h2 {
    font-size: 12px;}
.col1 h3 span {
    padding: 3px 9px;
    font-size: 14px;
}
.col1 h3 {
    color: #FFF;
    font-size: 12px;
}
.col2 h3 span {
    padding: 3px 10px 3px 5px;
    font-size: 14px;
}
.col2 h3 {
	font-size: 12px;
}
.col_btm .col3 h3 span {
    padding: 3px 10px 3px 5px;
    font-size: 14px;
}
.col_btm .col3 h3{
	font-size: 12px;
} 
.col1 label {
    font-size: 12px;
}
.col2 label{
    font-size: 12px;
}
.col_btm .col3 label{
    font-size: 12px;
}
.col1 select {
    width: 88%;
    height: 16px;
    font-weight: normal;
    font-size: 12px;
}
.col1 input[type="text"]{
    width: 88%;
    height: 16px;
    font-weight: normal;
    font-size: 12px;
}
.col2 select{
	width: 88%;
    height: 16px;
    font-weight: normal;
    font-size: 12px;	
	}
.col2 input[type="text"]{
	width: 88%;
    height: 16px;
    font-weight: normal;
    font-size: 12px;	
	}
.col_btm .col3 select{
	width: 88%;
    height: 16px;
    font-weight: normal;
    font-size: 12px;	
}
.col_btm .col3 input[type="text"]{
	width: 80%;
    height: 16px;
    font-weight: normal;
    font-size: 12px;	
}
.col_btm .col4 input[type="submit"] {
-webkit-appearance: none !important;
}

}

@media (min-width:280px) and (max-width:319px){
.banner_text_in {
    width: 94%;
    height: 145px;
    overflow: auto;
}
.banner_text_in {
    width: 94%;
	left: 3%;
}
.col_btm .col4 input[type="submit"]{font-size:16px!important;}

.colmain h2 {
    color: #E66432;
    font-size: 20px;
}
.col1 {
    float: none;
    width: 100%;
}
.col2 {
    float: none;
    width: 100%;
}

.col_btm .col3 {
    float: none;
    width: 100%;
}
.col_btm .col3 .input1 {
    text-align: center;
    width: 5.6% !important;
    font-size: 8px;
}
.select1 {
    font-size: 8px!important;
    width: 20% !important;
}
.col1 label, .col2 label, .col_btm .col3 label {
    width:55%!important;
}
.col_btm .col3 input[type="text"] {
    width: 29%;
	font-size: 12px;}
}

.col_btm .col4 input[type="submit"], .join_btn .register, .signup_btn .loginMe, .sign-up > input, .login-submit #wp-submit {
-webkit-appearance: none !important;
}
.join_btn .register {
    border-radius: 3px;
    font-size: 25px;
}
.sign-up > input {
    border-radius: 3px;
    font-size: 25px;
    padding: 12px 20px !important;
}
.plan__list.plan__list--no-bullets img {
    max-width: 17px;
}










@media (max-width: 639px) and (min-width: 320px) {
    #dyn_cont{
    left:0px !important;
    }
    
    .banner_text_in_2{
    padding: 5px !important;
    width:100% !important;
    top: 90px !important;
    }
    
    .col1,.col2 {
      float: left !important;
      width: 100% !important;
      margin-left: 0% !important; 
    }
    
    .col1 select,.col1 input[type="text"],.col2 select,.col2 input[type="text"] {
      width: 45% !important; 
     
      font-weight: bold !important; 
      float: left !important; 
      
    }
    .col_btm{
        width:100% !important;
        padding:0 !important;
    }
    .col_btm .col3{
        margin-left:0 !important;
    }
    .col_btm .col3 select {
        float: left !important;
        width: 45% !important;
    }
    .col_btm .col3 label {
        width:45% !important;
        float:left !important;
    }
    .col_btm .col3 input[type="text"]{
        width:39% !important;
    }
    .col1 label, .col2 label{
       /* width: 43%!important;
       margin-left: 8% !important; */
    }
    #parcel_dimensition1_l_1.input1, #parcel_dimensition2_w_1.input1, #parcel_dimensition3_h_1.input1, #parcel_length_type_1.select1 {
    width: 10% !important;
    float: left;
    margin-right: 8px;
}
   
}


.colmain {
    background: #8c8c8d;
}

.display_mob {
    margin-bottom: -6px !important;
}
.col_btm .col3 label {
    margin-right: 0 !important;
}