/*****************************Responsive starts by megha******************************************/
@media (min-width:2600px )
{

.banner{ width:100%; margin:0 auto;}
.banner .header{ margin:0 auto;}
.banner .header .headercenter{margin-right: 3%; margin-left:4%;}
.banner .header .headerright .book{width: 29%;}
.flexnav{width: 381.8px!important;}
.banner h2 {margin: 3% auto 0% auto;}
.banner .heading-login{ margin-top:2.7%!important;}
.search-area{padding-left:8%!important;}
}


@media (min-width:4800px )
{
.banner .header{width:1300px; margin-top: 0%!important;}
.flexnav {width: 444.8px!important;}
.banner .header .headercenter {



margin-right: 6%!important;



margin-left: 0%!important;



}



.banner .header .headerright {



width: 49%;}



.banner .header .headerright .book {



width: 25%!important;



margin-left: 5px;



}



.banner .header .headerright .chat {



float: left;



width: 15%!important;



margin-top: 0%;



}



.login-register{width: 58%;}



.banner h2 {



margin: 2% auto 0% auto!important; width: 900px;



}



.banner h3{ width: 900px;}



.search-area {



padding-left: 5%!important;



}



}







@media (min-width:1700px )



{



.banner{ width:100%; margin:0 auto;}



.banner .header{ margin:0 auto;}



.flexnav{/*width: 359.5px;*/ width: 377.5px;}



.banner .heading-login{ margin-top:4%;}



.search-area{padding-left:13%;}

.ship-skis-snowboard-quote{ margin-top:5%;}

.ship-luggage-quote{ margin-top:5%;}

.ship-golf-club-quote{ margin-top:5%;}

.shipbike-quote{ margin-top:5%;}

.luggage-quote{ margin-top:5%;}

.luggage2-quote{ margin-top:5%;}

.international-banner .int-quote{ margin-top:5%;}













}

@media (min-width: 1401px)
{
    
    .trip-custom-fifty { width: 50% !important; }
}

@media (min-width: 1301px) and (max-width: 1400px) 
{
    
    .trip-custom-fifty { width: 50% !important; }
}



@media (min-width: 1201px) and (max-width: 1300px) 
{
.trip-custom-fifty { width: 50% !important; }
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 100%; padding-right: 0; }

/***********************chat section in header added by megha on 25/06/2014********************************/

.banner .header .headercenter {width: 28%;}

.banner .header .headerright{width: 46%;}



.l-work{margin-left:0%;}



/*******************************End here *******************************************/



/***********************dash board nav in header added by megha on 26/06/2014********************************/



.banner .header .dashcenter {width: 429.5px!important; margin-left: 0%;}



/*******************************End here *******************************************/







.login-register {width:50%;}
.login-register li:first-child {font-size: 21px;}
.login-register li {font-size: 14px;}


.international-banner {margin-top:6%;}



.hluggage {margin: 9% 0 0 5%;}



/**********************************************shipping-bike.html started by megha on 24/06/2014*************************************/



.ship-bike-bicycle-wrap{width: 45%;}



.ship-bike-left-box-info{width: 100%;}



.right-bicycle-wrap{width: 45%;}



.ship-bike-left-box-info ul li{width: 33%;padding: 0.1%;}



/**********************************************how-pack-my-bike.html started by megha on 25/06/2014*************************************/

.pack-bike-img{padding-right:0px;}

}


@media(min-width: 1200px) 
{
footer.main .span2{/*margin-left: 36px;*/}
footer.main .firstspan{ margin-left:0;}
}

@media (min-width: 1140px) and (max-width: 1200px) 



{
.trip-custom-fifty { width: 50% !important; }
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 100%; }

/***********************chat section in header added by megha on 25/06/2014********************************/


.banner .header .headercenter {width: 28%;}

.banner .header .headerright{width: 48%;}



.banner .header .headerright .book {float: left;margin-top: 4%;width: 27%;} // before login fixed







/*******************************End here *******************************************/



/***********************dash board nav in header added by megha on 26/06/2014********************************/



.banner .header .dashcenter {width: 429.5px!important; margin-left: 0%;}



/*******************************End here *******************************************/







.login-register {width: 51%;}

.login-register li:first-child {padding: 5px 0px 0px 0px;}

.book-now {width: 140px;margin-left: 0px;margin-top: 0%;}



.search-area {padding-left:2%;}



.search-strip {padding-left:2%;}



.search-area select {width: 30%;}



.banner h2 {margin: 7% 0% 1% 18%;}



.banner h3 {margin: 0% 0% 0% 20%;}



.features .feature .fea-img { height:70px;}



.international-banner {margin-top: 6%;}



.hsign{margin:9% 0 0 3%; color:#000;}







.hluggage {margin: 9% 0 0 5%;}



/*********************************contact-us page responsive started by megha on 24/06/2014*****************************************/



.seprate {border-left: 1px solid #E6E6FA;padding-left: 3%;width: 34%;}



.first-cloumn {float: left; width: 35%;}



.second-column {float: right;text-align: left;width: 55%;}



/**********************************************how-pack-golf-club started by megha on 24/06/2014*************************************/



.golf-wrap {width: 35%;}



.golf-info ul li{padding-left: 7%; margin-bottom: 3%;}



.right-golf-info li{padding-left: 7%; margin-bottom:1%;}



.right-golf-info {margin-left: 0px;border-right: 1px solid #eee;width: 56%;}



.right-golf-wrap {float: right; margin-right:0%;width: 40%;}



/**********************************************luggage-store started by megha on 24/06/2014*************************************/



.luggage2-quote{margin-top: 16%;}







/**********************************************shipping-bike.html started by megha on 24/06/2014*************************************/



.ship-bike-bicycle-wrap{width: 45%;}



.ship-bike-left-box-info{width: 100%;}



.right-bicycle-wrap{width: 45%;}



.ship-bike-left-box-info ul li{width: 33%;padding: 0.1%;}



.shipbike-quote{margin-top:16%;}



/**********************************************shipping-skis.html started by megha on 24/06/2014*************************************/



.new-box{ margin-left:0%;}



.ship-skis-snowboard-wrap{width:45%;}



/**********************************************how-pack-my-bike.html started by megha on 25/06/2014*************************************/



.pack-bike-img{padding-right:0px;}



.bicycle-info{margin-right: 2%;}



/**********************************************how-pack-my-skis-snowboard.html started by megha on 25/06/2014*************************************/



.skies-wrap {width: 36%;}



.right-skies-wrap-image-wrap {width: 38%;}



.right-skies-info{width:55%;}



.right-skies-wrap{width:38%;}



/**********************************************how-pack-my-suitcase.html started by megha on 25/06/2014*************************************/



.pack-luggage-info{ width:44%;}



.right-pack-luggage-info{width:48%;}



.right-pack-luggage-wrap{width:43%;}



.pack-luggage-info ul li{padding-left: 8%; margin-bottom:5%;}



.right-pack-luggage-info li{padding-left: 8%; margin-bottom:5%; height: 60px;}



.pack-luggage-image-wrap{width: 32%;}



.left-box-info ul li{width: 65%;}



/**********************************************shipping-luggage.html started by megha on 26/06/2014*************************************/



.right-ship-luggage-wrap {width: 31%;}



/**********************************************why-luggagetoship.html started by megha on 26/06/2014*************************************/



.highlight-points{ width:40%;}



.features-adjust{ width:54%!important;}



.features3{ font-size:28px;}



.features2 {font-size: 29px;margin-top: -13px;}



}



@media (min-width: 1050px) and (max-width: 1140px) 



{


.trip-custom-fifty { width: 50% !important; }
/***********************chat section in header added by megha on 25/06/2014********************************/

.banner .header .headercenter {width: 28%; margin-left: 2%;}

.banner .header .headerright{width: 41%;}



.login-register {width: 49%;}







/*******************************End here *******************************************/



/***********************dash board nav in header added by megha on 26/06/2014********************************/



.banner .header .dashcenter {width: 429.5px!important; margin-left: 0%;}



.banner .header .dashright {



width: 40%;



}



/*******************************End here *******************************************/







.banner .header .headerright .book {width: 29%;margin-top: 4.3%;}



.login-register li:first-child {font-size: 20px;letter-spacing: 1px;}



.login-register li {



font-size: 12px;



}



.banner h2 {margin: 7% 0% 1% 17%;}



.banner h3 {margin: 0% 0% 0% 19%;}



.search-area {padding-left:10%;}



.search-strip {padding-left:0%;}







.search-area select {



width: 30%;}



.book-now {



width: 140px;



margin-left: -70%;



margin-top: 0%;



}



.features .feature .fea-img {



width: 66%;}



footer.main .secure ul li .left {



margin-right: 0%;



}



footer.main .secure ul li .right {



float: left;



width: 78px;



height: 66px;



}



.l-work {



width: 100%;



 margin-left: 0%; 



}



.hsignup {margin: 9% 0 0 3%;}



.international-banner {



margin-top: 6.5%;



}



.hsign{



margin:9% 0 0 3%; color:#000;}



.learn {



margin-left:0%!important;



}







.hluggage {



margin: 9% 0 0 5%; font-size: 64px;



}



/*************************************affiliates page css started by megha on 24/06/2014*****************************************/



.span6{ width:39%;}



.affiliate-order-form-submit-btn {



margin-left: 70%!important;



}



/**************************************************contact-us page responsive started by megha on 24/06/2014************************/



.seprate {



border-left: 1px solid #E6E6FA;



padding-left: 3%;



width: 34%;



}



.first-cloumn {



float: left;



width: 35%;}



.second-column {



float: right;



text-align: left;



width: 55%;}



.hint-captcha img{ width:36%;}



/**********************************************how-pack-golf-club started by megha on 24/06/2014*************************************/



.golf-wrap {



width: 35%;}



.golf-info ul li{padding-left: 7%; margin-bottom: 3%;}



.right-golf-info li{padding-left: 7%; margin-bottom:1%;}



.right-golf-info {



margin-left: 0px;



border-right: 1px solid #eee;



width: 56%;



}



.right-golf-wrap {



float: right; margin-right:0%;



width: 40%;



}



/**********************************************luggage-store started by megha on 24/06/2014*************************************/



.luggage2-quote{margin-top: 16%;}



/**********************************************shipping-bike.html started by megha on 24/06/2014*************************************/



.ship-bike-bicycle-wrap{width: 45%;}



.ship-bike-left-box-info{width: 100%;}



.right-bicycle-wrap{width: 45%;}



.ship-bike-left-box-info ul li{width: 33%;padding: 0.1%;}



.shipbike-quote{ margin-top:16%;}



/**********************************************shipping-skis.html started by megha on 24/06/2014*************************************/



.new-box{ margin-left:0%;}



.ship-skis-snowboard-wrap{ width:45%;}



/* css added by chandra on date 24/06/2014 for page tracking.html */
.luggage-track .trackbox{  width:42%;}



/* End css added by chandra on date 24/06/2014 for page tracking.html */







/**********************************************shipping-golf-club.html started by megha on 25/06/2014*************************************/



.ship-golf-club-quote{ margin-top:16%;}



/**********************************************how-pack-my-bike.html started by megha on 25/06/2014*************************************/



.pack-bike-img{padding-right:0px;}



.bicycle-info{margin-right: 2%;}



/**********************************************how-pack-my-skis-snowboard.html started by megha on 25/06/2014*************************************/



.skies-wrap {width: 36%;}



.right-skies-wrap-image-wrap {width: 38%;}



.right-skies-info{width:55%;}



.right-skies-wrap{width:38%;}







/**********************************************how-pack-my-suitcase.html started by megha on 25/06/2014*************************************/



.pack-luggage-info{ width:44%;}



.right-pack-luggage-info{width:48%;}



.right-pack-luggage-wrap{width:43%;}



.pack-luggage-info ul li{padding-left: 8%; margin-bottom:5%;}



.right-pack-luggage-info li{padding-left: 8%; margin-bottom:5%; height: 60px;}



.pack-luggage-image-wrap{width: 32%;}



.left-box-info ul li{width: 65%;}



/**********************************************shipping-luggage.html started by megha on 26/06/2014*************************************/



.right-ship-luggage-wrap {width: 31%;}



.ship-luggage-info ul li {background-position: 0px 6px;padding-left: 8%;}



/**********************************************why-luggagetoship.html started by megha on 26/06/2014*************************************/



.highlight-points{ width:40%;}



.features-adjust{ width:54%!important;}



.features3{ font-size:28px;}



.features2 {font-size: 29px;margin-top: -13px;}



/**********************************************why-ship-myluggage.html started by megha on 26/06/2014*************************************/



.luggage-whyship .span6{ width:47%;}



.luggage-whyship .notalone p span{width: 39.4%;}



.luggage-whyship .alone p span{width: 39.4%;}



.luggage-whyship .notalone p .time{margin-right: 21%;}



.luggage-whyship .alone p .time{margin-right: 21%;}
}


@media (min-width: 990px) and (max-width: 1050px) 
{
/***********************chat section in header added by megha on 25/06/2014********************************/
.trip-custom-fifty { width: 50% !important; }
.learn-area { height:300px;}
.learn-area-l { height:215px; }
.learn-area .container, .learn-area-l .container, #headcontainer .navbar-wrapper .container {padding-left: 0; padding-right: 0; width: 100%;}
.container {width: 100%;}
.top-area{ height:450px;}
.banner .header{ padding:0!important; height: 190px;}
.banner .header .headerright{width: 100%!important; float: left; border-top: 2px solid #fe7b00;background: none repeat scroll 0% 0% #0D8EE9;box-shadow: 1px 5px 1px #E6DDDD; padding: 0%;}
.banner .header .headerright .chat {margin-left: 0%;}
.login-register {width: 23%!important;float: left;margin-left: 53% /*45%*/; margin-top: 1%;}
/*******************************End here *******************************************/
.luggage-track .trackbox {
    width: 60%;}
.banner .header .headerleft {
width:39%!important;
float: left;
}
.learn-area-l .banner .header .headerleft {
    width:39%!important;
    float: left;
}
.banner .header .headerleft .logo{margin-left: 11%; float:left;}
.banner .header .headercenter {
width: 357.5px; margin-left:2%;}
.banner .header .headerright .book {float: left;width: 18%;margin-top: -76px;position: absolute;margin-left: 82%!important;}
.flexnav {
overflow: visible;
width: 350.5px;
}
.l-work .work .folder .work-img .deliver {
    width: 48%;
    margin-top: 8%;
}
.login-register li:first-child {
font-size:18px;
letter-spacing: 1px;
margin-right: 0;
padding-right: 34px;
}
.login-register li {
font-size: 14px;
padding: 5px 35px 0px 0px;
}
.login-register li a{ color:#fff;}
.login-register li a [class^="icon-"]{margin-right: 4px; float:left;  color:#fff; margin-top: 8px;}
.login-register li a:hover [class^="icon-"]{ color:#fff;}
.flexnav > li > a {
color: #fff;
font-size: 15px;
padding: 11px 15px;
}
.flexnav li:last-child a{border-radius:0 8px 8px 0; padding: 11px 23.1px;}
.banner h2 {
margin: 6% 0% 1% 11%;}

.banner h3 {
margin: 0% 0% 0% 14%;}
.search-area {
padding-top: 9px; padding-left:12%;
}
.search-strip {padding-left:0%;}

.search-area select {
width: 30%;}
.book-now {
width: 140px;
margin-left: -70%;
margin-top: 0%;
}
.list.list-social li {
    width: 22%;
    margin-bottom: 5px;
}
.l-work h2 {margin: 0% 0% 5% 23%;}
.l-work .arrow {margin-top: 4%;}
.l-work .arrow1{margin-top: 4%;}

#main-content {width: 100%;}

.features .feature .fea-img {
width: 65%;}
footer.main h5 {font-size: 15px;}
footer.main .secure ul li .left {
margin-right: 0%!important;
}
footer.main .secure ul li .right {
float: left;
width: 85px;
height: 66px; margin: 0 15%;
}
/* footer custom changes */
.row {margin-left: 0;}
.span2 {width: 140px;}
[class*="span"] {margin-left: 16px;}

footer.main .secure ul li .visa {
width: 130px;}

.l-work {
width: 100%;
margin-left:0%; 
}

/*********how-it-work.html**********/
.pickup img {margin-top: 40%!important;}
.span3 img {width: 80%;margin-top: 12%;}

/*********how-it-work.html end here**********/
.banner .heading-login{margin: 2.5% 0 0 0%; font-size: 45px;}
/*********Luggage Forwarding Works**********/
.hsignup {margin: 9% 0 0 3%;}

.international-banner {
margin-top: 6.5%;

}
.international-banner .int-quote {
margin-top: 15%;

}

.hsign{



margin:9% 0 0 3%; color:#000;}



.learn {



margin-left:0%!important;



}



.hluggage {



margin: 9% 0 0 3%;



font-size: 61px;}



/*FAQ.html PAGE by megha*/



.luggage-faq .international {padding-bottom: 161%;}


.luggage-guarantee .span5{ width:28%;}
.luggage-guarantee .span7{width:58%;}



/*affiliates page css started by megha on 24/06/2014*/



.span6{ width:39%;}



.affiliate-order-form-submit-btn {



margin-left: 70%!important;



}



/*contact-us page responsive started by megha on 24/06/2014*/



.seprate {



border-left: 1px solid #E6E6FA;



padding-left: 3%;



width: 34%;



}



.first-cloumn {



float: left;



width: 35%;}



.second-column {



float: right;



text-align: left;



width: 55%;}



.contact-us-payment_options .contact-us-cardinfo_L label {



margin-right: 10px;



width: 33%;}



.hint-captcha img{ width:36%;}



/**********************************************how-pack-golf-club started by megha on 24/06/2014*************************************/



.golf-wrap {



width: 35%;}



.golf-info ul li{padding-left: 7%; margin-bottom: 3%;}



.right-golf-info li{padding-left: 7%; margin-bottom:1%;}



.right-golf-info {



margin-left: 0px;



border-right: 1px solid #eee;



width: 56%;



}



.right-golf-wrap {



float: right; margin-right:0%;



width: 40%;



}



/**********************************************luggage-store started by megha on 24/06/2014*************************************/



.luggage2-quote{margin-top: 16%;}



/**********************************************shipping-bike.html started by megha on 24/06/2014*************************************/



.ship-bike-bicycle-wrap{width: 45%;}



.ship-bike-left-box-info{width: 100%;}



.right-bicycle-wrap{width: 45%;}



.ship-bike-left-box-info ul li{width: 33%;padding: 0.1%;}



.shipbike-quote{ margin-top:16%;}



/**********************************************shipping-skis.html started by megha on 24/06/2014*************************************/



.new-box{ margin-left:0%;}



.ship-skis-snowboard-wrap{ width:45%;}



/**********************************************shipping-golf-club.html started by megha on 25/06/2014*************************************/



.ship-golf-club-quote{ margin-top:16%;}



/**********************************************how-pack-my-bike.html started by megha on 25/06/2014*************************************/



.pack-bike-img{padding-right:0px;}



.bicycle-info{margin-right: 2%;}



/**********************************************how-pack-my-skis-snowboard.html started by megha on 25/06/2014*************************************/



.skies-wrap {width: 36%;}



.right-skies-wrap-image-wrap {width: 38%;}



.right-skies-info{width:55%;}



.right-skies-wrap{width:38%;}



/**********************************************how-pack-my-suitcase.html started by megha on 25/06/2014*************************************/


.span8_ser { width: 63.66666666666666%;}
.pack-luggage-info{ width:44%;}

.right-pack-luggage-wrap{width:43%;}



.pack-luggage-info ul li{padding-left: 8%; margin-bottom:5%;}



.right-pack-luggage-info li{padding-left: 8%; margin-bottom:5%; height: 60px;}



.pack-luggage-image-wrap{width: 32%;}



.left-box-info ul li{width: 65%;}



/**********************************************shipping-luggage.html started by megha on 26/06/2014*************************************/



.right-ship-luggage-wrap {width: 31%;}



.ship-luggage-info ul li {background-position: 0px 6px;padding-left: 8%;}



/**********************************************why-luggagetoship.html started by megha on 26/06/2014*************************************/



.highlight-points{ width:40%;}



.features-adjust{ width:54%!important;}



.features3{ font-size:28px;}



.features2 {font-size: 29px;margin-top: -13px;}







/**********************************************why-ship-myluggage.html started by megha on 26/06/2014*************************************/



.luggage-whyship .span6{ width:47%;}



.luggage-whyship .notalone p span{width: 50.4%;}



.luggage-whyship .alone p span{width:50.4%;}

.luggage-whyship .notalone p {
    font-size: 11.5px;

}
.luggage-whyship .alone p {
    font-size: 11.5px;

}
.luggage-whyship .notalone p .time{width: 39%;}



.luggage-whyship .alone p .time{width: 39%}

/**********************************************aboutus.html started by megha on 26/06/2014*************************************/
.luggageabout{ margin-bottom:10px; margin-left: 0;}
.luggageabout img{ width:100%;}
.lf-about-us-side-description{margin-left:0px; width: 100%;}


}



@media (min-width: 900px) and (max-width: 990px) 
{
.trip-custom-fifty { width: 50% !important; }
/***********************chat section in header added by megha on 25/06/2014********************************/
.top-area{ height:450px;}
.banner .header{ padding:0!important; height: 190px;}
.banner .header .headerright{width: 100%; border-top: 2px solid #fe7b00;background: none repeat scroll 0% 0% #0D8EE9;box-shadow: 1px 5px 1px #E6DDDD; padding: 0%;}
.login-register {width: 20%;float: left;margin-left: 35%; margin-top: 1%;}
/*******************************End here *******************************************/
.banner .header .headerleft {
width:29%!important;
float: left;
}
.banner .header .headerleft .logo{margin-left: 15%; float:left;}
.banner .header .headercenter {
width: 357.5px; margin-left:2%;}
.banner .header .headerright .book {float: left;width: 18%;margin-top: -79px;position: absolute;margin-left: 82%;}

.login-register li:first-child {
font-size: 22px;
letter-spacing: 1px;
}

.login-register li {
font-size: 14px;
}
.login-register li a{ color:#fff;}
.login-register li a [class^="icon-"] {
margin-right: 4px;
float: left;
color: #fff;
margin-top: 8px;
}
.login-register li a:hover [class^="icon-"]{ color:#fff;}
.banner h2 {
margin:6% 0% 1% 11%}

.banner h3 {
margin: 0% 0% 0% 14%;}

.search-area {
padding-top: 9px; padding-left:6%;
}
.search-area .container{width: 845px}

.search-area .container .span9 {
width: 77.309392%;}

.search-strip {padding-left:0%;}

.search-area select {
width: 30%;}
.book-now {



width: 140px;



margin-left: -70%;



margin-top: 0%;



}



.l-work h2 {margin: 0% 0% 5% 23%;}



.features .feature .fea-img {



width: 65%; height:80px;}



footer.main .secure ul li .left {



margin-right: 0%; width: 130px;



/*height: 75px;*/



}



footer.main .secure ul li .right {



float: left;



width:70px;



height: 54px;



}



footer.main .secure ul li .visa {



width: 130px;}



.l-work {



width: 100%;



 margin-left:0%; 



}



footer.main h5 {



color: #000;



margin-left: 21px;



font-size: 13px;}



/*********Luggage Forwarding Works**********/



.hsignup {margin: 11% 0 0 3%;}



.search-area h2 {margin-left: 14%;}



.international-banner {



margin-top:7.3%;



}



.international-banner .int-quote {



margin-top: 17%;



}



.hsign{



margin: 11% 0 0 3%;



color: #000;



font-size: 62px;}



.learn {



margin-left:0%!important;



}



.hluggage {



margin: 10% 0 0 0%;



font-size: 57px;}



.box {height:206px;}



.box p {



height: 90px;



}



.box h3 {



font-size: 15px;}



/*FAQ.html PAGE by megha*/



.luggage-faq .international {



padding-bottom: 209%;}



.banner .heading-login {



margin: 11% 0 0 0%;}



/*affiliates page css started by megha on 24/06/2014*/



.span6{ width:39%;}



.affiliate-order-form-submit-btn {



margin-left: 64%!important;



}



.affliate-features-right-box {



width: 400px!important;



border-left: 1px dashed lavender;



margin-left: 3%;



}



.affliate-features li{padding-left: 10%;}



/*contact-us page responsive started by megha on 24/06/2014*/



.seprate {



border-left: 1px solid #E6E6FA;



padding-left: 3%;



width: 34%;



}



.first-cloumn {



float: left;



width: 35%;}



.second-column {



float: right;



text-align: left;



width: 55%;}



.contact-us-payment_options .contact-us-cardinfo_L label {



margin-right: 10px;



width: 65%;}	



.hint-captcha img{ width:36%;}



.contact-us-order_form-height{ height:auto!important;}



.left-align {



margin-left: 72%;



}



/**********************************************how-pack-golf-club started by megha on 24/06/2014*************************************/



.golf-wrap {



width: 35%;}



.golf-info ul li{padding-left: 7%; margin-bottom: 3%;}



.right-golf-info li{padding-left: 7%; margin-bottom:1%;}



.right-golf-info {



margin-left: 0px;



border-right: 1px solid #eee;



width: 56%;



}



.right-golf-wrap {



float: right; margin-right:0%;



width: 40%;



}



/**********************************************luggage-store started by megha on 24/06/2014*************************************/



.luggage2-quote{margin-top: 16%;}



/**********************************************shipping-bike.html started by megha on 24/06/2014*************************************/



.shipbike-quote{ margin-top:20%;}



.new-box{ margin-left:0%;}



.ship-bike-info ul li{padding-left: 9%;}



.ship-bike-bicycle-wrap{width: 47%;}



.ship-bike-left-box-info{width: 100%;}



.ship-bike-left-box-info h4{ font-size:18px;}



.right-bicycle-wrap{width: 45%;}



.ship-bike-left-box-info ul{margin-left:0;}



.ship-bike-left-box-info ul li{width: 45%;padding: 0.1%;}



.bicycle-wrap-image-wrap{ width:100%;}



.right-bicycle-wrap-image-wrap {width: 88%;}



.right-box-info h4{ font-size:18px;}



/**********************************************shipping-skis.html started by megha on 24/06/2014*************************************/



.new-box{ margin-left:0%;}



.ship-skis-snowboard-wrap{ width:45%;}



/**********************************************shipping-golf-club.html started by megha on 25/06/2014*************************************/



.ship-golf-club-quote{ margin-top:18%;}



.ship-golf-club-info ul li{background: url(../images/new-green-icon.png) no-repeat scroll 0px 6px; padding-left: 10%;}



.right-ship-golf-club-wrap {width: 60%;}



.ship-golf-clubs-product-info-wrap {float: left;margin-left: 0;width: 45%;}



.left-box-info ul li {width: 50%;}



/**********************************************how-pack-my-bike.html started by megha on 25/06/2014*************************************/



.pack-bike-img{padding-right:0px;}



.bicycle-info{margin-right: 2%;}



.pack-bike-left-box-info{ width:100%;}



.pack-bike-left-box-info ul li{width: 45%;}



.bicycle-info ul li { padding-left:10%; background-position:0 6px;}



/**********************************************how-pack-my-skis-snowboard.html started by megha on 25/06/2014*************************************/



.skies-wrap {width: 36%;}



.right-skies-wrap-image-wrap {width: 38%;}



.right-skies-info{width:55%;}



.right-skies-wrap{width:38%;}



.skies-info ul li {padding-left: 10%;}



.right-skies-info li{padding-left: 10%;}



/**********************************************how-pack-my-suitcase.html started by megha on 25/06/2014*************************************/



.pack-luggage-info{ width:44%;}



.right-pack-luggage-info{width:48%;}



.right-pack-luggage-wrap{width:43%;}



.pack-luggage-info ul li{padding-left: 8%; margin-bottom:5%;}



.right-pack-luggage-info li{padding-left: 8%; margin-bottom:5%; height: 60px;}



.pack-luggage-image-wrap{width: 32%;}



.left-box-info ul li{width: 65%;}



/**********************************************shipping-luggage.html started by megha on 26/06/2014*************************************/



.right-ship-luggage-wrap {width: 31%;}



.ship-luggage-info ul li {background-position: 0px 6px;padding-left: 8%;}



/**********************************************why-luggagetoship.html started by megha on 26/06/2014*************************************/



.highlight-points{ width:40%;}



.features-adjust{ width:54%!important;}



.features3{ font-size:24px;}



.features2 {font-size: 29px;margin-top: -13px;}



.highlight-points ul li{padding-left: 11%; margin-bottom:4%;}



/**********************************************why-ship-myluggage.html started by megha on 26/06/2014*************************************/



.luggage-whyship .span6{ width:47%;}



.luggage-whyship .notalone p span{width: 49.4%;}



.luggage-whyship .alone p span{width: 49.4%;}



.luggage-whyship .notalone p .time{margin-right: 1%;}



.luggage-whyship .alone p .time{margin-right: 1%;}


/*############# Rasel added #################*/
.learn-area-l { height:215px; }
.learn-area-l .container, #headcontainer .navbar-wrapper .container {padding-left: 0; padding-right: 0; width: 100%;}
.container {width: 100%;}
.learn-area-l .banner .header .headerleft {
    width:39%!important;
    float: left;
}




}



@media (max-width: 979px) 



{



.features .feature .fea-img {



width: 65%;



height: 65px;



}



.international-banner {



margin-top:7.3%;



}



.international-banner .int-quote {



margin-top: 17%; font-size: 32px;



}



.hsign{



margin: 11% 0 0 3%;



color: #000;



font-size: 62px;}



.learn {



margin-left:0%!important;



}



/*css added by chandra on date :23/06/2014 for shipping to school.html*/



.luggage-storage-box ul{width:100%;}



.luggage-storage-box ul li{padding-left: 7%;}



/*end css added by chandra on date :23/06/2014 for shipping to school.html*/



/*affiliates page css started by megha on 24/06/2014*/



.span6{ width:39%;}

.affliate-features li{padding-left: 10%;}



/*contact-us page responsive started by megha on 24/06/2014*/



.seprate {



border-left: 1px solid #E6E6FA;



padding-left: 3%;



width: 34%;



}



.first-cloumn {



float: left;



width: 35%;}



.second-column {



float: right;



text-align: left;



width: 55%;}



.hint-captcha img{ width:36%;}



.contact-us-order_form-height{ height:auto!important;}



.left-align {



margin-left: 72%;



}






/**********************************************how-pack-golf-club started by megha on 24/06/2014*************************************/



.golf-wrap {



width: 45%;}



.golf-info{ width:50%;}



.golf-info{margin-left:1%;}



.golf-info ul li{padding-left: 11%; margin-bottom:7%;}



.right-golf-info li{padding-left: 11%;



margin-bottom: 6%;}



.right-golf-info {



margin-left: 0px;



border-right: 1px solid #eee;



width:47%;



}



.right-golf-wrap {



float: right; margin-right:0%;



width: 48%;



}



/**********************************************luggage-store started by megha on 24/06/2014*************************************/



.luggage2-quote{margin-top: 20%;}



/**********************************************shipping-bike.html started by megha on 24/06/2014*************************************/



.shipbike-quote{ margin-top:20%;}



.new-box{ margin-left:0%;}



.ship-bike-info ul li{padding-left: 9%;}



.ship-bike-bicycle-wrap{width: 47%;}



.ship-bike-left-box-info{width: 100%;}



.ship-bike-left-box-info h4{ font-size:18px;}



.right-bicycle-wrap{width: 45%;}



.ship-bike-left-box-info ul{margin-left:0;}



.ship-bike-left-box-info ul li{width: 45%;padding: 0.1%;}



.bicycle-wrap-image-wrap{ width:100%;}



.right-bicycle-wrap-image-wrap {width: 88%;}



.right-box-info h4{ font-size:18px;}



/**********************************************shipping-skis.html started by megha on 24/06/2014*************************************/



.new-box{ margin-left:0%;}



.ship-skis-snowboard-wrap{ width:45%;}



.ship-skis-snowboard-quote{ margin-top:19%;}



.ship-skis-snowboard-info ul li{background: url(../images/new-green-icon.png) no-repeat scroll 0px 6px;



padding-left: 9%;}



.ship-skis-snowboard-info {



margin-right: 2%;



width: 100%;



}



.right-ship-skis-snowboard-wrap {



width: 45%;



padding-left: 25px;



margin: auto;



}



.ship-left-box-info ul li{ width:50%;}







/* css added by chandra on date 24/06/2014 for page tracking.html */











.luggage-track .trackbox{



  width:42%;



}











/* End css added by chandra on date 24/06/2014 for page tracking.html */







/**********************************************shipping-golf-club.html started by megha on 25/06/2014*************************************/



.ship-golf-club-quote{ margin-top:18%;}



.ship-golf-club-info ul li{background: url(../images/new-green-icon.png) no-repeat scroll 0px 6px; padding-left: 10%;}



.right-ship-golf-club-wrap {width: 60%;}



.ship-golf-clubs-product-info-wrap {float: left;margin-left: 0;width: 45%;}



.left-box-info ul li {width: 50%;}



/**********************************************how-pack-my-bike.html started by megha on 25/06/2014*************************************/



.pack-bike-img{padding-right:0px;}



.bicycle-info{margin-right: 2%;}



.pack-bike-left-box-info{ width:100%;}



.pack-bike-left-box-info ul li{width: 45%;}



.bicycle-info ul li { padding-left:10%; background-position:0 6px;}



/**********************************************how-pack-my-skis-snowboard.html started by megha on 25/06/2014*************************************/



.skies-wrap {width: 36%;}



.right-skies-wrap-image-wrap {width: 38%;}



.right-skies-info{width:55%;}



.right-skies-wrap{width:38%;}



.skies-info ul li {padding-left: 10%;}



.right-skies-info li{padding-left: 10%;}



/**********************************************how-pack-my-suitcase.html started by megha on 25/06/2014*************************************/



.pack-luggage-info{ width:44%;}

.span8_ser { width: 62.66666666666666%;}

.right-pack-luggage-wrap{width:43%;}



.pack-luggage-info ul li{padding-left: 10%; margin-bottom:10%;}






.pack-luggage-image-wrap{width: 32%;}



.left-box-info ul li{width: 80%;}



.right-pack-luggage-image-wrap{ padding-right:0; width: 30%;}



/**********************************************shipping-luggage.html started by megha on 26/06/2014*************************************/



.right-ship-luggage-wrap {width: 31%;}



.ship-luggage-info ul li {background-position: 0px 6px;padding-left: 8%;}



.ship-luggage-wrap {width: 29%;}



/**********************************************why-luggagetoship.html started by megha on 26/06/2014*************************************/



.highlight-points{ width:40%;}



.features-adjust{ width:54%!important;}



.features3{ font-size:24px;}



.features2 {font-size: 29px;margin-top: -13px;}



.highlight-points ul li{padding-left: 11%; margin-bottom:4%;}







/**********************************************why-ship-myluggage.html started by megha on 11/07/2014*************************************/



.whyship{ background:none;}



.luggage-whyship .span6{ width:100%;}



.luggage-whyship .notalone h3{ float:none; margin-left:0; text-align:left;}



.luggage-whyship .notalone h4 { display:none;}




.luggage-whyship .alone h3{ float:none; margin-left:0; text-align:left;}



.vs{ display:block;}


}

@media (min-width: 800px) and (max-width: 900px) 
{

/***********************chat section in header added by megha on 25/06/2014********************************/
.top-area{ height:450px;}
.learn-area {height: 300px;}
.banner .header{ padding:0!important; height: 190px;}
.banner .header .headerright{width: 100%; border-top: 2px solid #fe7b00;background: none repeat scroll 0% 0% #0D8EE9;box-shadow: 1px 5px 1px #E6DDDD; padding: 0%;}
.login-register {width: 20%;float: left;margin-left:27%; margin-top: 1%;}
/*******************************End here *******************************************/
.banner .header .headerleft {
width:22%!important;
float: left;
}
.banner .header .headerleft .logo{margin-left: 15%; float:left;}
.banner .header .headercenter {
width: 357.5px; margin-left:2%;}
.banner .header .headerright .book {float: left;width: 18%;margin-top:-82px;position: absolute;margin-left: 82%;}

.login-register li:first-child {
font-size: 22px;
letter-spacing: 1px;
}

.login-register li {
font-size: 14px;
}
.login-register li a{ color:#fff;}
.login-register li a [class^="icon-"] {
margin-right: 4px;
float: left;
color: #fff;
margin-top: 8px;
}
.login-register li a:hover [class^="icon-"]{ color:#fff;}
.banner h2 {
margin:7% auto 0% auto;}

.banner h3 {
margin: 0 auto;}

.search-area {
padding-top: 9px; padding-left:12%;
}
.search-strip {padding-left:0%;}

.search-area select {
width: 26%;}
.book-now {

width: 140px;



margin-left: -70%;



margin-top: 0%;



}



.l-work h2 {margin: 0% 0% 5% 23%;}



.features .feature .fea-img {



width: 65%; height:66px;}



footer.main .secure ul li .left {



margin-right: 0%; width: 52px;



/*height: 75px;*/



}



footer.main .secure ul li .right {



float: left;



width: 51px;



height: 54px;



}



footer.main .secure ul li .visa {



width: 130px;}



.l-work {



width: 100%;



 margin-left:0%; 



}



footer.main h5 {



color: #000;



margin-left: 8px;



font-size: 13px;}



.hsignup {margin: 11% 0 0 1%; font-size: 65px;}



.search-area h2 {margin-left: 11%;}



.hsign{



margin: 11% 0 0 3%;



color: #000;



font-size: 55px;}



.learn {



margin-left:0%!important;



}



.hluggage {



margin: 10% 0 0 0%;



font-size: 52px;}



.box {height:206px;}



.box p {



height: 90px;



}



.box h3 {



font-size: 15px;}



/*FAQ.html PAGE by megha*/



.luggage-faq .international {padding-bottom: 209%;}



.banner .heading-login {margin:1% 0 0 0%; line-height: 44px;}







/*css added by chandra on date 23/06/2014 for shipping to school.html*/



.luggage-storage-box ul li{padding-left:7%;}



.luggage-quote{font-size:36px;}



/*css added by chandra on date 23/06/2014 for shipping to school.html*/



/**********************************************luggage-store started by megha on 24/06/2014*************************************/



.luggage2-quote{margin-top: 20%;}







/* css added by chandra on date 24/06/2014 for page tracking.html */











.luggage-track .trackbox{



  width:42%;



}











/* End css added by chandra on date 24/06/2014 for page tracking.html */



/**********************************************how-pack-my-suitcase.html started by megha on 25/06/2014*************************************/



.pack-luggage-info{ width:44%;}



.right-pack-luggage-info{width:48%;}



.right-pack-luggage-wrap{width:43%;}



.pack-luggage-info ul li{padding-left: 10%; margin-bottom:10%;}



.right-pack-luggage-info li{padding-left: 10%; margin-bottom:17%; height: 60px;}



.pack-luggage-image-wrap{width: 32%;}



.left-box-info ul li{width: 80%;}



.right-pack-luggage-image-wrap{ padding-right:0; width: 30%;}



}



/*@media (min-width:768px) and (max-width: 800px) */
@media (min-width:768px) and (max-width: 810px) 
{
.learn-area{ height:250px;}
.l-work {
width: 100%;



 margin-left:0%; 



}



.banner .header {
height: 72px;
width: 100%;
margin-top: 0%!important;
background: #fff;
padding: 0px!important;
}



.banner .header .headercenter {
width: 33%;
margin-top: 0%;
padding: 0%;
float: right;}



.banner .header .headerleft {
width: 17%!important;
float: left;

padding-bottom: 0px;
margin-left: 1%;

}

.banner .header .headerright {
/*width: 100%;
float: none;
padding-top: 0%;
padding-bottom: 0%;
position: absolute;
margin-left: 0%;
height: 72px;
margin-top: 9.6%;
border-top: 2px solid #fe7b00;
margin-bottom: 0%;
background:#0d8ee9;
box-shadow: 1px 5px 1px #E6DDDD;*/
}



.flexnav-menu-button {

position: relative;



display: block;



padding: 25px 30px;



cursor: pointer;

background: none;

/*background:#F7F7F7;*/ margin-top: 2%;}



.flexnav.show {



max-height: 2000px;



-webkit-transition: 1s;



-moz-transition: 1s;



-o-transition: 1s;



-ms-transition: 1s;



transition: 1s;



z-index: 1500;



margin-top: 2%; border: 1px solid #ccc; margin: 0 0 0 9%;

position: absolute;

}


.span3_ser { width: 25%; margin:0;}
.span7_ser { width: 58.333333333333336%; margin:0;}

.login-register {
overflow: hidden;
list-style: none;
width: 31%;
margin-left: 52%;}



.login-register li:first-child{font-size:20px; margin-right: 35px!important;}



.login-register li{font-size:14px;}

.login-register li a{ color:#fff!important;}

.login-register li a [class^="icon-"]{ margin-right:5px; float:left; margin-top: 7px; color:#fff!important;}
.banner .header .headerright .book {/*margin-left: 35%!important; position:absolute; margin-top: -6%;
width: 25%;*/}

.banner .header .headerright .book a{padding: 12px 30px;
font-size: 16px; font-size: 14px;}

.banner .header .headerright .chat {
float: left;
width: 13%; margin-left: 3%;
margin-top: 0.5%;
}

.flexnav li:first-child a {
 border-radius: 0px; 
}

flexnav li:last-child a {
border-radius:0px;}




.l-work .work .folder .work-img .deliver {
    width: 48%;
    margin-top: 7%;
}


footer.main .secure ul li .visa {
width: 118px;}



footer.main .secure ul li .left {
margin-right: 0%; width: 105px;
}



footer.main .secure ul li .right {
float: left;
width: 65px;
height: 54px;

}
.list.list-social li {
    margin-right: 10px;
    width: 23%;
    margin-bottom: 6px;
}


.banner h2 {

margin:15% auto 1% auto;}


.banner h3 {
margin: 0% auto 0% auto;}

.search-area {
padding-top: 9px; padding-left:6%;
}
.l-work .work .folder h4 { font-size:14px;}
.l-work .work { margin:0;}
.l-work .span3{width: 142px;}
.l-work .arrow {
    float: left;
    margin-left: -8px;}
	
	.l-work .arrow1 {
    float: left;
    margin-left: -8px;}
.search-strip {padding-left:1%;}

.l-work .work .folder .work-img img{ margin-top:3%;}
.l-work .work .folder .work-img .deliver {
    width: 48%;
    margin-top: 5%;
}
.search-area select {



width:26%;}



.book-now {



width: 140px;



margin-left: -70%;



margin-top: 0%;



}



.l-work h2 {margin: 0% auto 5% auto;}



.features h2 {



margin: 0% auto 5% auto;



}



footer.main h5 {



font-size: 15px;}

.luggage-box-text h2 {
color: #1397F1;
font-size: 25px;
line-height: 26px;
}



.luggage-guarantee .span5{ width:28%;}
.luggage-guarantee .span7{width:58%;}
.luggageabout{ margin-bottom:10px; margin-left: 0;}
.lf-about-us-side-description{margin-left:0px; width: 165px;}
.ser_sub_head {color: #0D8EE9; font-size: 18px; margin-left: 4%;}


/****************Luggage Forwarding**************************/
.features-adjust .span2 {
width: 105px;
}
.features-adjust 

.hsignup {
background: none;
font-size: 64px;
font-family: "Arial Narrow";
font-weight: bold;
margin: 6% auto 0 auto;
color: #000;

}


.span3 img {
width: 100%;
margin-top: 30%;
}
.right img {
width: 100%;
margin-top:13%;
}
.receive img {
width: 100%;
margin-top:13%;
}
.pickup img {
width: 100%;
margin-top:65%;
}
.deliverywork img {
width: 100%;
margin-top:15%;
}

.international-banner {



margin-top: 0%;



}



.hsign{



margin: 6% 0 0 0%;



color: #000;



font-size: 55px;}



.learn {



margin-left:0%!important;



}



.hluggage {



margin: 6% 0 0 0%;



font-size: 48px;}



.box {height:210px;}



.box p {



height: 90px;



}



.box h3 {
font-size: 15px;}

/*FAQ.html PAGE by megha*/



.luggage-faq .international {
padding-bottom: 209%;}

.banner .heading-login {
margin:13% 0 0 0%; line-height:35px; position: absolute; font-size: 40px;}

/*css added by chandra on date 23/06/2014 for shipping to school.html*/



.luggage-storage-box ul li{padding-left:7%;}



.luggage-storage-box h4{margin-left:30px;}



.luggage-quote{font-size:34px;}



/*css added by chandra on date 23/06/2014 for shipping to school.html*/



/* css added by chandra on date 24/06/2014 for page tracking.html */











.luggage-track .trackbox{  width:55%;}





.pack-luggage-info {

    width: 35%;

}

.pack-luggage-info ul li {

    padding-left: 12%;

    margin-bottom: 17%;

}

.golf-wrap  .left-box-info {

    float: right;

}

.span6_form { width:95%; margin: 0px 4%;}
.span5_form { width: 100%; }
.affliate-features-right-box { border-left:none;}
/* End css added by chandra on date 24/06/2014 for page tracking.html */



}

/******************************************************/

@media (max-width:767px)
{


.learn-area{ height:250px;}



.l-work {



width: 100%;



 margin-left:0%; 

}

.banner .header {

height: 72px;
width: 100%;
margin-top: 0% !important;
background: none repeat scroll 0% 0% #FFF;
padding: 0px !important;

}

.banner .header .headercenter {
width: 33%;
margin-top: 0%;
padding: 0%;
float: right;}



.banner .header .headerleft {
width: 17% !important;
float: left;
padding-bottom: 0px;
margin-left: 3%;

}



.flexnav {width: 34%;}



.banner .header .headerright {

width: 100%;
float: none;
padding-top: 0%;
padding-bottom: 0%;
position: absolute;
margin-left: 0%;
height: auto;
margin-top: 9%;
margin-bottom: 0%; border-top: 2px solid #fe7b00;

background: none repeat scroll 0% 0% #0D8EE9;
box-shadow: 1px 5px 1px #E6DDDD;
}



.flexnav-menu-button {



/* margin-bottom: 10px; */



position: relative;



display: block;



padding: 25px 30px;



cursor: pointer;

 margin-top: 2%;}



.flexnav.show {



max-height: 2000px;



-webkit-transition: 1s;



-moz-transition: 1s;



-o-transition: 1s;



-ms-transition: 1s;



transition: 1s;



z-index: 1500;



margin-top: 2%; border: 1px solid #ccc; margin: 0 0 0 0%; position:absolute;/*for mob screen nav*/



}



footer.main .copyright span {

    color: #645F5F !important;

    display: block;

}







.flexnav li:last-child a{border-radius:0px;}



.login-register {

overflow: hidden;
list-style: none outside none;
margin: 1% 0% 0px 0px;
width: 38%; float: right;
text-align: right;}



.login-register li:first-child{font-size: 20px;
margin-right:21px !important;}



.login-register li{font-size: 14px; padding:5px 11px 0px 0px;}

.login-register li a {
    color: #FFF !important;
}

.login-register li a [class^="icon-"]{ margin-right:5px;  color: #FFF !important;}


.banner .header .headerright .chat {
    float: left;
    width: 13%;
    margin-left: 3%;
    margin-top: 0.5%;
}
.banner .header .headerright .book {
margin-left: 35%;
position: absolute;
margin-top: -6%;
width: 25%;


}



.banner .header .headerright .book a{padding: 12px 30px;
font-size: 14px;}



.flexnav li:first-child a {



 border-radius: 0px; 



}



flexnav li:last-child a {



border-radius:0px;}



.banner h2{ 
    /*background:url(../images/h22.png)no-repeat;*/



height: 53px;



width: 550px; margin:10% auto 2% auto; }



.banner h3 {



/*background: url(../images/h33.png) no-repeat;*/



height:46px;



width:550px;



margin: 0% auto 0% auto;



}



.flexnav.show {



max-height: 2000px;



/* -webkit-transition: 1s; */



-moz-transition: 0s;



-o-transition:0s;



-ms-transition: 0s;



/* transition: 1s; */



z-index: 1500;







border-radius: 0px;



}



.flexnav li{



border-left:none;}



.flexnav li a {



border-bottom: 1px solid #e6e6e6;



padding: 10px 0px;



color: #595959 !important;



}



.flexnav li:first-child a{



 border-radius: 0px; 



}



.search-area{height: 165px; padding-left:24%; padding-top: 8px;}



.search-strip {padding-left:0%;}



.search-strip h2 {



color: #fff;



 margin-left:0%; 



font-size:34px;



font-family: "Arial Narrow";



}



.search-area select{width:270px; font-size:14px;}



.container {



padding: 0 16px;



}



.search-area span {



width: 10%;



display: block;



margin:-1% auto 1% 32%}



.book-now {



margin:0% auto 0% 26%;



}



.l-work .work {



width: 100%;



height: 320px;



}



.l-work h2{
    /*background-image: url(../images/works11.jpg);*/



background-repeat: no-repeat;



height: 38px;



width: 400px;



margin: 0% auto 5% auto;}



[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"]{float: left;



width: 46%!important; margin-right: 2%;}



.l-work .work .folder h4 {



font-size: 16px; line-height: 20px;



}



.l-work .work .desc p {



line-height: 22px;



font-size: 13.5px;}



.l-work .arrow1{ display:none;}



.features h2 {



text-align: center;



/*background-image: url(../images/features11.png);*/



background-repeat: no-repeat;



width: 137px;



height: 43px;



margin: 0% auto 5% auto;



}



.features .feature {







margin-bottom: 15%;



}



.features .feature .fea-img {height:137px;}



.list {



height: 130px; margin-left: 36%;



}



.list1 {



height: 70px; margin-left: 36%;



}



.list.list-social {
margin-left: 0%; /*-webkit-margin-start: 28%; -moz-margin-start: 28%; */
}



.list.list-social li {







width: 12%;



}



footer.main .secure ul li .left{margin-right: 4%; width: 150px;



/*height: 87px;*/}



footer.main .secure ul li .right {



float: left;



width: 90px;



height: 72px;



}



footer.main .footer-top-area ul {







margin: 0 9px;



}



footer.main h5 {margin-left: 30%;}



footer.main .secure {



margin-left:0%;



}



footer.main .footer-top-area {



padding-top: 30px;



background: #EBEBEB;



/* margin-bottom: 30px; */



margin-top: -10px;



}



.features .span2 {



 margin-left: 0px; 



}



.features .feature .fea-img {



width: 55%;}



.features .feature .desc {



width: 100%;



text-align: center;



 margin-left: 0%; 



}



.span9 {



 width: 100%!important; 



}



.search-area input {



 width: 77px; 



}

.luggage-login {
    margin-bottom: -8%;
   
}
.signup { margin-bottom: -8%;
  }
.span1 {



width:100%!important; }



.l-work .work {



width: 100%;



height: 320px;



}



.l-work .work .folder .work-img {



width: 40%;}



.l-work .work .folder .work-img img {



width:74%;



margin-top: -5%;



}



.l-work .work .folder .work-img .book {



width: 75%;



margin-top: 4%;



}



.l-work .work .folder .work-img .deliver {



width: 75%;}



.l-work .arrow {



float: left;



margin-left: -40px;



margin-top: 10%;



width: 35px;



}


.features .feature .fea-img {
width:32%;
height: 90px;
margin-left: 28%;}


.international-shipping ul{ margin:0;}
.ship-luggage-banner{ background-image:url(../images/safari-img/1-768.jpg); background-repeat:inherit; height: 289px;}

.international-banner{ background-image:url(../images/safari-img/2-768.jpg); background-repeat:inherit; height: 289px;}

.ship-golf-club-banner{ background-image:url(../images/safari-img/5-768.jpg); background-repeat:inherit; height: 289px;}

.ship-skis-snowboard-banner{ background-image:url(../images/safari-img/6-768.jpg); background-repeat:inherit; height: 289px;}

.shipbike-banner{ background-image:url(../images/safari-img/4-768.jpg); background-repeat:inherit; height: 289px;}

.luggage-storage-banner{ background-image:url(../images/safari-img/7-768.jpg); background-repeat:inherit; height: 289px;}

.luggage2-storage-banner{ background-image:url(../images/safari-img/3-768.jpg); background-repeat:inherit; height: 289px;}





/****************Luggage Forwarding**************************/



.hsignup {



background: none;



font-size: 45px;



font-family: "Arial Narrow";



font-weight: bold;



margin:7% auto 0 auto;



color: #000;



}



.luggaework {



margin-left: 2%!important;



}



.luggage-works .span3{float: left;



width: 26%;



margin-right: 2%;}



.luggage-works .span9 {



width: 65%!important;



}



.luggage-forward h2 {
font-size: 23px;
line-height: 26px;
}
.span3 img {
width: 100%;
margin-top: 58%;
}
.right img {
width: 100%;
margin-top: 40%;
}
.pickup img {
width: 100%;
margin-top: 105%;
}
.luggage-box-text h2 {
font-size: 24px; line-height: 30px;}
.luggage-forward h3 {
font-size: 20px;}
.luggage-box-text h3 {
font-size: 20px;}
.international-banner {
margin-top: 0%;
}



.international-banner .int-quote {



margin-top:16%;



font-size: 26px;



}



.login-group-box {



width: 96%;



padding: 0px 4%;



}



.inner_pop .header_registerv {



width: 534px;}



.search-strip .span11{ width:70%;}



.hsign{



margin: 6% 0 0 0%;



color: #000;



font-size:47px;}



.learn {



margin-left:0%!important;



}







.hluggage {



margin: 6% 0 0 0%;



font-size: 42px;}



.box {height:210px;}



.box p {



height: 90px;



}



.box h3 {



font-size: 15px;}



/*FAQ.html PAGE by megha*/



.luggage-faq .international {



padding-bottom: 183%;}



.banner .heading-login {



margin:13% 0 0 0%; line-height:40px; position: absolute;}



.luggage-faq .span3{ width:30%;}



.luggage-faq .span9{ width:65%!important;}







/*css added by chandra on date 23/06/2014 for shipping to school.html*/



.luggage-storage-box ul li{padding-left:7%;}



.luggage-storage-box h4{margin-left:30px;}



.luggage-storage-box h3{margin-left:30px;}



.luggage-quote{font-size:32px;}



/*css added by chandra on date 23/06/2014 for shipping to school.html*/



/*affiliates page css started by megha on 24/06/2014*/



.span6{ width:39%;}

.affliate-features li{padding-left: 10%;}

.affiliate-order_form .affiliate-form_commonbox{ height:auto;}




/*contact-us page responsive started by megha on 24/06/2014*/



.seprate {



border-left: 1px solid #E6E6FA;



padding-left: 3%;



width:50%;



}



.seprate .affliate-features .span4{ width:75%;}



.first-cloumn {



float: left;



width: 35%;}



.second-column {



float: right;



text-align: left;



width: 55%;}





.hint-captcha img{ width:36%;}



.contact-us-order_form-height{ height:auto!important;}



.left-align {



margin-left: 66%;



}




/**********************************************how-pack-golf-club started by megha on 24/06/2014*************************************/



.golf-wrap {



width: 45%;}



.golf-info{ width:50%;}



.golf-info{margin-left:1%;}



.golf-info ul li{padding-left: 11%; margin-bottom:10%;}



.right-golf-info li{padding-left: 11%;



margin-bottom:10%;}



.right-golf-info {



margin-left: 0px;



border-right: 1px solid #eee;



width:41%;



}



.right-golf-wrap {



float: right; margin-right:0%;



width: 56%;



}



.gclub{ width:100%;}



/**********************************************luggage-store started by megha on 24/06/2014*************************************/



.luggage2-quote{margin-top:18%;}



/**********************************************shipping-skis.html started by megha on 24/06/2014*************************************/



.new-box{ margin-left:0%;}



.ship-skis-snowboard-wrap{ width:45%;}



.ship-skis-snowboard-quote{ margin-top:17%;}



.ship-skis-snowboard-info ul li{background: url(../images/new-green-icon.png) no-repeat scroll 0px 6px;



padding-left: 9%;}



.ship-skis-snowboard-info {



margin-right: 2%;



width: 100%;



}



.right-ship-skis-snowboard-wrap {



width: 45%;



padding-left: 25px;



margin: auto;



}



.ship-left-box-info ul li{ width:50%;}







/* css added by chandra on date 24/06/2014 for page tracking.html */











.luggage-track .trackbox{
  width:68%;



}











/* End css added by chandra on date 24/06/2014 for page tracking.html */



/**********************************************shipping-golf-club.html started by megha on 25/06/2014*************************************/



.ship-golf-club-quote{ margin-top:23%;}



.ship-golf-club-info ul li{background: url(../images/new-green-icon.png) no-repeat scroll 0px 6px; padding-left: 10%;}



.right-ship-golf-club-wrap {width: 60%;}



.ship-golf-clubs-product-info-wrap {float: left;margin-left: 0;width: 36%;}



.left-box-info ul li {width: 50%;}



.ship-golf-club-wrap{width: 36%;}



/**********************************************how-pack-my-bike.html started by megha on 25/06/2014*************************************/



.pack-bike-img{padding-right:0px; float: right; width: 33%;}



.pack-bike-img img{ margin-top:0%;}



.bicycle-info{margin-right: 2%; width: 60%;}



.pack-bike-left-box-info{ width:100%;}



.pack-bike-left-box-info ul li{width: 45%;}



.bicycle-info ul li { padding-left:10%; background-position:0 6px;}



.pack-bike{width:100%;}



.center-line{width:100%;}



/**********************************************how-pack-my-skis-snowboard.html started by megha on 25/06/2014*************************************/



.skies-wrap {width: 36%;}



.right-skies-wrap-image-wrap {width: 38%; float: none; margin: 0px auto;}



.right-skies-info{width:55%;}



.right-skies-wrap{width:38%;}



.skies-info ul li {padding-left: 10%; margin-bottom:8%;}



.right-skies-info li{padding-left: 10%; margin-bottom:8%;} 



.myskis{ width:100%;}



/**********************************************aboutus.html started by megha on 25/06/2014*************************************/



.luggageabout{ width:50%;}



.luggageabout img{ margin-top:0%; width: 100%!important;}



/**********************************************how-pack-my-suitcase.html started by megha on 25/06/2014*************************************/



.pack-luggage-info{width:30%; float:left; padding-bottom: 5%;}



.pack-luggage-wrap{width:33%; float:right;}



.left-side{width:33%; float:left; }

.right-pack-luggage-info{width:48%;}



.right-pack-luggage-wrap{width:43%; float:right;}



.pack-luggage-info ul li{padding-left: 18%;margin-bottom: 47%;font-size: 12px;}




.pack-luggage-image-wrap{width: 32%;}



.left-box-info ul li{width: 80%;}



.right-pack-luggage-image-wrap{ padding-right:0; width: 80%;}



.packsuitcase{ width:100%;}







/**********************************************shipping-luggage.html started by megha on 26/06/2014*************************************/



.ship-luggage-info{ width:100%;}



.right-ship-luggage-wrap {width: 32%;



margin: 0;



padding-left: 5px;}



.ship-luggage-info ul li {background-position: 0px 6px;padding-left: 8%;}



.ship-luggage-wrap {width: 28%;



margin-right: 1%;}



.ship-luggage-quote {margin-top: 20%;}



.right-box-info h4 {



font-size: 17px;



}



/**********************************************why-luggagetoship.html started by megha on 26/06/2014*************************************/
.highlight-points{ width:100%;}
.features-adjust{ width:100%!important;}
.features3{ font-size:24px; margin-bottom:5px;}
.features2 {font-size: 29px;margin-top: -13px; margin-bottom: 10px;}
.highlight-points ul li{padding-left:6%; margin-bottom:1%; font-size: 14px;}
/**********************************************why-ship-myluggage.html started by megha on 11/07/2014*************************************/



.whyship{ background:none;}



.luggage-whyship .span6{ width:100%;}



.luggage-whyship .notalone h3{ float:none;}

.luggage-whyship .notalone h4 { display:none;}

}



/*@media only screen and (max-width:640px)*/



@media (max-width:640px)
{
.l-work {
width: 100%;
margin-left:0%; 
}
.flexnav-menu-button {
position: relative;
display: block;
padding: 25px 30px;
cursor: pointer;
margin-top: 2%;}

.banner .header .headerright {margin-top: 12%;} // before login fixed
.banner .header .headerright .chat{width: 17%; margin-top: 0%;}
.banner .header .headerright .book{margin-top: -9%!important;} // before login fixed
.flexnav.show {
max-height: 2000px;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-ms-transition: 1s;
transition: 1s;
z-index: 1500;
margin-top: 2%; border: 1px solid #ccc; margin: 0 0 0 0%;
}

.login-register {
overflow: hidden;
list-style: none;
margin: 0;
width:46%; margin-top: 1%;}

.banner .header .headerright .book {
margin-left:40%;
position: absolute;
margin-top: -6%;
width: 25%;
}



.flexnav li:first-child a {
border-radius: 0px; 
}



flexnav li:last-child a {
border-radius:0px;}
.banner h2{ 
    /*background:url(../images/h22.png)no-repeat;*/
height: 53px;
width: 550px; margin:20% auto 2% auto; }
.banner h3 {
/*background: url(../images/h33.png) no-repeat;*/
height:46px;
width:550px;
margin: 0% auto 0% auto;
}



.flexnav.show {
max-height: 2000px;
/* -webkit-transition: 1s; */
-moz-transition: 0s;
-o-transition:0s;
-ms-transition: 0s;
/* transition: 1s; */
z-index: 1500;
border-radius: 0px;
}
.flexnav li{
border-left:none;}
.flexnav li a {
border-bottom: 1px solid #e6e6e6;
padding: 10px 0px;
color: #595959 !important;
}



.flexnav li:first-child a{ border-radius: 0px;}



.search-area{height: 165px; padding-left: 17%; padding-top: 25px;}



.search-area select{width:270px; font-size:14px;}



.container {



padding: 0 16px;



}



.search-area span {



width: 10%;



display: block;



margin:-1% auto 1% 32%}



.book-now {



margin:0% auto 0% 26%;



}



.l-work .work {



width: 100%;



height: 320px;



}



.l-work h2{
    /*background-image: url(../images/works11.jpg);*/



background-repeat: no-repeat;



height: 38px;



width: 400px;



margin: 0% auto 5% auto;}



[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"]{float: left;



width: 48%; margin-right: 2%;}



.l-work .work .folder h4 {



font-size: 16px; line-height: 20px;



}



.l-work .work .desc p {



line-height: 22px;



font-size: 13.5px;}



.l-work .arrow1{ display:none;}



.features h2 {



text-align: center;



/*background-image: url(../images/features11.png);*/



background-repeat: no-repeat;



width: 137px;



height: 43px;



margin: 0% auto 5% auto;



}



.features .feature {
margin-bottom: 15%;
}

footer.main .secure ul li .visa {width: 180px;}

.features .feature .fea-img {height:137px;}



.list {
height: 130px; margin-left: 36%;
}
.list1 {
height: 70px; margin-left: 36%;
}
.list.list-social {
margin-left:7%; margin-top: 9%;
}
.list.list-social li {
width: 12%;
}



footer.main .secure ul li .left{
width: 110px;
margin-right: 0% !important; margin-top: 2%;
}



footer.main .secure ul li .right {
float: left;
width: 65px;
height: 50px;
}



footer.main .footer-top-area ul {
margin: 0 9px;
}

footer.main h5 {margin-left: 30%;}

footer.main .secure {



margin-left: 8%;



}



footer.main .footer-top-area {



padding-top: 30px;



background: #EBEBEB;



/* margin-bottom: 30px; */



margin-top: -10px;



}



.features .span2 {



 margin-left: 0px; 



}



.features .feature .fea-img {



width: 55%;}



.features .feature .desc {



width: 100%;



text-align: center;



 margin-left: 0%; 



}



.span9 {



 width: 100%!important; 



}



.search-area input {



 width: 77px; 



}



.span1 {



width:100%!important; }



.l-work .work {



width: 100%;



height: 320px;



}



.l-work .work .folder .work-img img {
width:74%;
margin-top: 3%;
}



.l-work .work .folder .work-img .book {



width: 75%;



margin-top: 4%;



}


.l-work .work .folder .work-img .deliver {
width: 75%; margin-top:2.9%;}

.l-work .span3{ margin-right:0%;}

.l-work .arrow {
float: left;
position: static;
margin-left: -15px;
margin-top: 10%;
width: 35px;
/*position: absolute;
margin-left: 43%;*/
}







.features .feature .fea-img {



width: 40%;



height: 108px;



margin-left: 28%;}



.international-banner {



margin-top: 0%;



}



.international-banner .int-quote {



margin-top: 22%;



font-size: 29px;



}



.international-banner .int-quote {



margin-top: 22%;



font-size: 26px;



}



.hsign{



margin: 6% 0 0 0%;



color: #000;



font-size: 45px;}



.learn {



margin-left:0%!important;



}



.hluggage {



margin: 6% 0 0 0%;



font-size: 40px;}



.box {height:210px;}



.box p {



height: 90px;



}



.box h3 {



font-size: 15px;}



/*FAQ.html PAGE by megha*/



.luggage-faq .international {



padding-bottom: 362%;}



.banner .heading-login {



margin:13% 0 0 0%; font-size: 48px;}







/*css added by chandra on date 23/06/2014 for shipping to school.html*/



.luggage-storage-box ul li{padding-left:8%;}



.luggage-storage-box h4{margin-left:30px;}



.luggage-storage-box h4{margin-left:30px;}



.luggage-storage-box h3{margin-left:30px;}



.luggage-quote{font-size:26px;}



/*css added by chandra on date 23/06/2014 for shipping to school.html*/



/*affiliates page css started by megha on 24/06/2014*/



.span6{ width:39%;}




/*contact-us page responsive started by megha on 24/06/2014*/



.seprate {



border-left: 1px solid #E6E6FA;



padding-left: 3%;



width:50%;



}



.seprate .affliate-features .span4{width:100%;}



/**********************************************how-pack-golf-club started by megha on 24/06/2014*************************************/



.golf-wrap {



width: 55%;}



.golf-info{ width:38%; margin-left:1%;}







.golf-info ul li{padding-left: 17%; margin-bottom:32%;}



.right-golf-info li{padding-left: 17%;



margin-bottom: 32%;}



.right-golf-info {



margin-left: 0px;



border-right: 1px solid #eee;



width:34%;



}



.right-golf-wrap {



float: right; margin-right:0%;



width:62%;



}



.gclub{ width:100%;}



.gclub h4{font-size:15px;}



/**********************************************luggage-store started by megha on 24/06/2014*************************************/



.luggage2-quote{margin-top: 20%;}







/**********************************************shipping-bike.html started by megha on 24/06/2014*************************************/



.shipbike-quote{ margin-top:20%;}



.ship-bike-info{ width:100%!important;}







/**********************************************shipping-skis.html started by megha on 24/06/2014*************************************/



.new-box{ margin-left:0%;}



.ship-skis-snowboard-wrap{ width:45%;}



.ship-skis-snowboard-quote{ margin-top:19%;}



.ship-skis-snowboard-info ul li{background: url(../images/new-green-icon.png) no-repeat scroll 0px 6px;



padding-left: 9%;}



.ship-skis-snowboard-info {



margin-right: 2%;



width: 100%;



}



.right-ship-skis-snowboard-wrap {



width: 45%;



padding-left: 25px;



margin: auto;



}



.ship-left-box-info ul li{ width:50%;}



.ship-skis-snowboard-image-wrap{margin-top: 0px;}



/**********************************************shipping-golf-club.html started by megha on 25/06/2014*************************************/



.ship-golf-club-quote{ margin-top:20%;}



.ship-golf-club-info{ width:100%;}



.ship-golf-club-info ul li{background: url(../images/new-green-icon.png) no-repeat scroll 0px 6px; padding-left: 10%;}



.right-ship-golf-club-wrap {width: 60%;}



.ship-golf-clubs-product-info-wrap {float: left;margin-left: 0;width: 45%;}



.left-box-info ul li {width: 50%;}



.ship-golf-club-wrap{width: 36%;}



.right-ship-golf-club-image-wrap{ margin-right:0%;}



/**********************************************how-pack-my-bike.html started by megha on 25/06/2014*************************************/



.pack-bike-img{padding-right:0px; float: right; width: 33%;}



.pack-bike-img img{ margin-top:0%;}



.bicycle-info{margin-right: 2%; width: 60%;}



.pack-bike-left-box-info{ width:100%;}



.pack-bike-left-box-info ul li{width: 45%;}



.bicycle-info ul li { padding-left:10%; background-position:0 6px;}



.pack-bike{width:100%;}



.center-line{width:100%;}



/**********************************************how-pack-my-skis-snowboard.html started by megha on 25/06/2014*************************************/



.skies-info ul li {padding-left: 12%; margin-bottom:8%;}



.myskis{ width:100%;}



/**********************************************aboutus.html started by megha on 25/06/2014*************************************/

.aboutuspart{ width:100%!important; text-align:center;}
.luggageabout{ width:47%; float:left;}



.luggageabout img{ margin-top:0%;}



/**********************************************how-pack-my-suitcase.html started by megha on 25/06/2014*************************************/



.pack-luggage-info{width:30%; float:left; padding-bottom: 5%;}



.pack-luggage-wrap{width:33%; float:right;}



.left-side{width:33%; float:left; }



.right-pack-luggage-info{width:48%;}



.right-pack-luggage-wrap{width:43%; float:right;}



.pack-luggage-info ul li{padding-left: 18%;margin-bottom: 54%;font-size: 12px;}





.pack-luggage-image-wrap{width: 32%;}



.left-box-info ul li{width: 80%;}



.right-pack-luggage-image-wrap{ padding-right:0; width: 80%;}



.packsuitcase{ width:100%;}



/**********************************************shipping-luggage.html started by megha on 26/06/2014*************************************/



.ship-luggage-info{ width:100%;}



.right-ship-luggage-wrap {width:100%; border:none;



margin: 0;



padding-left: 5px;}



.ship-luggage-info ul li {background-position: 0px 6px;padding-left: 8%;}
.left-border{ border:none;}


.ship-luggage-wrap {width:100%;margin-right: 1%; border:none;}



.ship-luggage-quote {margin-top: 18%;}



.right-box-info h4 {



font-size: 17px;



}



/**********************************************why-luggagetoship.html started by megha on 26/06/2014*************************************/



.highlight-points{ width:100%;}



.features-adjust{ width:100%!important;}

}


/*google nexux portrtait screen*/



@media (min-width:569px) and (max-width:610px)
{ 
 .ship-luggage-wrap h4{margin-bottom:10px;}
.span7_ser{padding-top:4%;}



.l-work {
width: 100%;
 margin-left:0%; 
}

.banner .header .headerleft .logo {
width: 130px;
}


.flexnav-menu-button {
position: relative;



display: block;



padding: 25px 30px;



cursor: pointer;
 margin-top: 2%;}



.flexnav.show {



max-height: 2000px;



-webkit-transition: 1s;



-moz-transition: 1s;



-o-transition: 1s;



-ms-transition: 1s;



transition: 1s;



z-index: 1500;



margin-top: 2%; border: 1px solid #ccc; margin: 0 0 0 0%!important;

}

.banner .header .headerright .chat {
float: left;
width: 18%;}



flexnav li:last-child a {



border-radius:0px;}*/



.banner h2{ 
    /*background:url(../images/h22.png)no-repeat;*/



height: 53px;



width: 550px; margin:15% auto 2% auto; }



.banner h3 {



/*background: url(../images/h33.png) no-repeat;*/



height:46px;



width:550px;



margin: 0% auto 0% auto;



}



.login-register li:first-child {



font-size: 20px;



}





.flexnav.show {



max-height: 2000px;



/* -webkit-transition: 1s; */



-moz-transition: 0s;



-o-transition:0s;



-ms-transition: 0s;



/* transition: 1s; */



z-index: 1500;







border-radius: 0px;



}



.flexnav li{



border-left:none;}



.flexnav li a {



border-bottom: 1px solid #e6e6e6;



padding: 10px 0px;



color: #595959 !important;



}



.flexnav li:first-child a{



 border-radius: 0px; 



}



.search-area{height: 165px; padding-left: 17%; padding-top: 25px;}



.search-area select{width:270px; font-size:14px;}



.container {



padding: 0 16px;



}



.search-area span {



width: 10%;



display: block;



margin:-1% auto 1% 32%}



.book-now {



margin: 0% auto 0% 26%;



}



.l-work .work {



width: 100%;



height: 320px;



}



.l-work h2{
    /*background-image: url(../images/works11.jpg);*/



background-repeat: no-repeat;



height: 38px;



width: 400px;



margin: 0% 0% 5% 14%;}



[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"]{float: left;



width: 48%; margin-right: 2%;}



.l-work .work .folder h4 {



font-size: 16px; line-height: 20px;



}



.l-work .work .desc p {



line-height: 22px;



font-size: 13.5px;}



.l-work .arrow1{ display:none;}



.features h2 {



text-align: center;



/*background-image: url(../images/features11.png);*/



background-repeat: no-repeat;



width: 137px;



height: 43px;



margin: 0% 0% 5% 38%;



}



.features .feature {
margin-bottom: 15%;
}

.features .feature .fea-img {height:137px;}
.list {
height: 130px; margin-left: 36%;
}
.list1 {
height: 70px; margin-left: 36%;
}
.list.list-social {
margin-left:10%; height: 70px;
}
.list.list-social li {
width: 12%;
}



footer.main .secure ul li .left{margin-right: 4%; width: 100px;
height: 87px;}



footer.main .secure ul li .right {



float: left;



width: 90px;



height: 72px;



}



footer.main .footer-top-area ul {

margin: 0 9px;



}



footer.main h5 {margin-left: 30%;}



footer.main .secure {



margin-left: 5%;



}



footer.main .footer-top-area {



padding-top: 30px;



background: #EBEBEB;



/* margin-bottom: 30px; */



margin-top: -10px;



}



.features .span2 {



 margin-left: 0px; 



}



.features .feature .fea-img {



width: 55%;}



.features .feature .desc {



width: 100%;



text-align: center;



 margin-left: 0%; 



}



.span9 {
 width: 100%!important; 
}



.search-area input {width: 77px; 



}



.span1 {



width:100%!important; }



.l-work .work {



width: 100%;


margin: 0;
height: 320px;



}



.l-work .work .folder .work-img img {
width:74%;
margin-top:4%;
}



.l-work .work .folder .work-img .book {
width: 75%;
margin-top: 4%;
}



.l-work .work .folder .work-img .deliver {

margin-top: 4.5%;

width: 75%;}



.l-work .arrow {



float: left;



margin-left: -18px;



margin-top: 10%;



width: 35px;



}



.features .feature .fea-img {



width: 45%;



height: 108px;



margin-left: 28%;}



.search-strip h2 {



color: #fff;



margin-left: 0%!important;



font-size: 30px;



font-family: "Arial Narrow";



}



.international-banner .int-quote {



margin-top: 22%;



font-size: 23px;



}



.login-group-box {



width: 96%;



padding: 0px 4%;



}



.hsign{



margin: 6% 0 0 0%;



color: #000;



font-size:42px;}



.learn {



margin-left:0%!important;



}



.inner_pop .header_registerv {



width: 515px;



}



.hluggage {



margin: 6% 0 0 0%;



font-size: 36px;}



.box {height:210px;}



.box p {



height: 90px;



}



.box h3 {font-size: 15px;}






/*FAQ.html PAGE by megha*/



.luggage-faq .international {



padding-bottom: 362%;}



.banner .heading-login {
margin:15% 0 0 0%; font-size: 42px; line-height:35px;}/*margin top for heading login page*/

.luggage-guarantee .span5{width: 30%;}
.luggage-guarantee .span7{width: 60%;}
.luggage-guarantee h2 {font-size: 28px;}


/*css added by chandra on date 23/06/2014 for shipping to school.html*/



.luggage-storage-box ul li{padding-left:9%;}



.luggage-storage-box h4{margin-left:30px;}



.luggage-storage-box h3{margin-left:30px;}



.luggage-quote{font-size:24px;}



/*css added by chandra on date 23/06/2014 for shipping to school.html*/



/*affiliates page css started by megha on 24/06/2014*/


.span6_form{ width:100%;}
.span5_form{width: 100%;}
.span6{ width:39%;}



.affliate-features-right-box {



width:100%!important;



border-left:none;



margin-left: 3%;



}



.affliate-features li {



padding-left: 7%; 


}







/**********************************************how-pack-golf-club started by megha on 24/06/2014*************************************/



.golf-wrap {



width: 57%;}



.golf-info{ width:38%; margin-left:1%;}







.golf-info ul li{padding-left: 17%; margin-bottom:50%;}



.right-golf-info li{padding-left: 17%;



margin-bottom: 32%;}



.right-golf-info {



margin-left: 0px;



border-right: 1px solid #eee;



width:34%;



}



.right-golf-wrap {



float: right; margin-right:0%;



width:64%;



}



.gclub{ width:100%;}



.gclub h4{font-size:15px;}







/**********************************************shipping-skis.html started by megha on 24/06/2014*************************************/
 .ship-luggage-wrap h4{margin-bottom:10px;}
.span7_ser{padding-top:4%;}





.new-box{ margin-left:0%;}



.ship-skis-snowboard-wrap{ width:45%;}



.ship-skis-snowboard-quote{ margin-top:19%;}



.ship-skis-snowboard-info ul li{background: url(../images/new-green-icon.png) no-repeat scroll 0px 6px;



padding-left: 9%;}



.ship-skis-snowboard-info {



margin-right: 2%;



width: 100%;



}



.right-ship-skis-snowboard-wrap {



width: 45%;



padding-left: 25px;



margin: auto;



}



.ship-left-box-info  h4 {



font-size: 16px;



}



.ship-left-box-info ul{ margin-left:0;}



.ship-left-box-info ul li {



width: 44%;



}



.skis-snowboard-product-info-wrap{ width:100%;}



.ship-skis-snowboard-image-wrap{width: 100%;}



.right-ship-skis-snowboard-image-wrap{width: 100%;}



.right-box-info h4 {



font-size: 16px;



}



/**********************************************how-pack-my-bike.html started by megha on 25/06/2014*************************************/



.pack-bike-img{padding-right:0px; float: right; width: 33%;}



.pack-bike-img img{ margin-top:0%;}



.bicycle-info{margin-right: 2%; width: 60%;}



.pack-bike-left-box-info{ width:100%;}



.pack-bike-left-box-info ul li{width: 45%;}



.bicycle-info ul li { padding-left:10%; background-position:0 6px;}



.pack-bike{width:100%;}



.center-line{width:100%;}



/**********************************************how-pack-my-skis-snowboard.html started by megha on 25/06/2014*************************************/



.skies-info ul li {padding-left: 12%; margin-bottom:8%;}



.myskis{ width:100%;}



/**********************************************how-pack-my-suitcase.html started by megha on 25/06/2014*************************************/



.pack-luggage-info{width:30%; float:left; padding-bottom: 15%;}



.pack-luggage-wrap{width:33%; float:right;}



.left-side{width:33%; float:left; }

.span8_ser { width:100%;}
.right-pack-luggage-wrap{width:43%; float:right;}



.pack-luggage-info ul li{padding-left: 19%;margin-bottom: 70%;font-size: 12px;}




.pack-luggage-image-wrap{width: 32%;}



.left-box-info ul li{width: 80%;}



.right-pack-luggage-image-wrap{ padding-right:0; width: 80%;}



.packsuitcase{ width:100%;}



/**********************************************shipping-luggage.html started by megha on 26/06/2014*************************************/



.ship-luggage-info{ width:100%;}



.right-ship-luggage-wrap {width: 100%!important;margin: 0; border-right:none;
padding-left: 5px;}
.left-border {
    border-left: none;
}

.ship-luggage-wrap {width:100%;margin-right: 1%; border-right: none;}


.ship-luggage-info ul li {background-position: 0px 6px;padding-left: 8%;}



.ship-luggage-quote {margin-top: 30%;}



.right-box-info h4 {



font-size: 17px;



}



/**********************************************why-luggagetoship.html started by megha on 26/06/2014*************************************/



.highlight-points{ width:100%;}



.features-adjust{ width:100%!important; border-left:none;}

}

/*for apple i phone 5 landscape screen size mobiles*/



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

.l-work {
width: 100%;
margin-left:0%; 
}
.banner .header .headerright {
margin-top: 12%!important;
}
.banner .header .headerright .book {
margin-top: -9%!important;
}
.banner .header .headerleft {
width: 21% !important;}
.flexnav-menu-button {
position: relative;
display: block;
padding: 25px 30px;
cursor: pointer;
 margin-top: 2%;}
 

.flexnav.show {



max-height: 2000px;



-webkit-transition: 1s;



-moz-transition: 1s;



-o-transition: 1s;



-ms-transition: 1s;



transition: 1s;



z-index: 1500;

margin-top: 2%; border: 1px solid #ccc; margin: 0 0 0 16%;

}
.banner .header .headerright .book {
width: 36%;
}



.flexnav {
 overflow: hidden;
 width: 34%; margin:0% 0% 0% 0%!important;}
.banner .header .headerright .chat {
float: left;
width: 20%;}


.flexnav li:first-child a {
 border-radius: 0px; 
}



flexnav li:last-child a {
border-radius:0px;}

.banner h2 {

/*background: url(../images/h22.png)no-repeat;*/
height: 53px;
width: 550px;
margin: 23% 0% 2% 0%;

}



.banner h3 {



/*background: url(../images/h33.png) no-repeat;*/



height: 46px;



width: 550px;



margin: 0% 0% 0% 0%;



}







.book-now {



margin: 0% auto 0% 26%;



}



.features .feature .fea-img {
width: 40%;
height: 94px;

}



.l-work .work {

width: 100%;
height: 310px;
margin:0;

}







.hsignup {



font-size: 45px;



margin: 8% auto 0 auto;



}







.search-strip h2 {



color: #fff;



margin-left: 0%!important;



font-size: 30px;



font-family: "Arial Narrow";



}




.international-banner .int-quote {



margin-top: 22%;



font-size: 23px;



}



.inner_pop .header_registerv {
padding: 0px 1%; padding-bottom: 10px;
width:96%; margin: 25px auto;
}



.hsign{



margin: 6% 0 0 0%;



color: #000;



font-size:40px;}



.learn {



margin-left:0%!important;



}







.hluggage {



margin: 7% 0 0 0%;



font-size: 32px;}



.box {height:210px;}



.box p {
height: 90px;
}



.box h3 {
font-size: 15px;}

.luggage-guarantee .span5 {
width: 28%;
}
.luggage-guarantee .span7 {
width: 58%;
}
.luggage-guarantee h2{ font-size:28px;}

/*FAQ.html PAGE by megha*/
.luggage-faq .international {
padding-bottom: 362%;}
.banner .heading-login {
margin:15% 0 0 0%; font-size: 40px;}
.box h3 {font-size: 15px;}


.ship-luggage-wrap h4{margin-bottom:20px;}
.right-ship-luggage-wrap h4{margin-bottom:20px; margin-top: 10px;}
 
 
.span7_ser{padding-top:4%;}



/*css added by chandra on date 23/06/2014 for shipping to school.html*/
.luggage-storage-box ul li{padding-left:9%;}
.luggage-storage-box h4{margin-left:30px;}
.luggage-storage-box h3{margin-left:30px;}
.luggage-quote{font-size:22px; margin-top: 25%;}
/*css added by chandra on date 23/06/2014 for shipping to school.html*/

.sec {width: 43%;float: left;text-align: center;
}
.form_signin .login-btn {text-align: right;margin-left: 56%;width: 44%;}
/*affiliates page css started by megha on 24/06/2014*/

.span6_form{ width:100%;}
.span5_form{ width:100%;}
.span6{ width:39%;}

.affiliate-order-form-submit-btn {
margin-left: 48%!important;
}
.affliate-features-right-box{ border-left:none;}




/*contact-us page responsive started by megha on 24/06/2014*/



.seprate {



border-left: 1px solid #E6E6FA;



padding-left: 3%;



width:50%;



}



.seprate .affliate-features .span4{width:100%;}



/**********************************************how-pack-golf-club started by megha on 24/06/2014*************************************/



.golf-wrap {



width: 100%; border-right:none;}



.golf-info{ width:100%; margin-left:1%;}







.golf-info ul li{padding-left:8%; margin-bottom:1%;}



.right-golf-info li{padding-left:8%;



margin-bottom: 1%;}



.right-golf-info {



margin-left: 0px;



border-right:none;



width:100%;



}



.right-golf-wrap {



float: right; margin-right:0%;



width:100%;



}



.gclub{ width:100%;}



.gclub h4{font-size:18px;}







/**********************************************luggage-store started by megha on 24/06/2014*************************************/



.luggage2-quote{margin-top:23%;}



.luggage2-storage-box ul{ margin-left:0%;}



.luggage2-storage-box ul li{padding-left: 8%;}







/**********************************************shipping-skis.html started by megha on 24/06/2014*************************************/



.new-box{ margin-left:0%;}



.ship-skis-snowboard-wrap{ width:45%;}



.ship-skis-snowboard-quote{ margin-top:19%;}



.ship-skis-snowboard-info ul li{background: url(../images/new-green-icon.png) no-repeat scroll 0px 6px;



padding-left: 9%;}



.ship-skis-snowboard-info {



margin-right: 2%;



width: 100%;



}



.right-ship-skis-snowboard-wrap {



width: 45%;



padding-left: 25px;



margin: auto;



}



.ship-left-box-info  h4 {



font-size: 16px;



}



.ship-left-box-info ul{ margin-left:0;}



.ship-left-box-info ul li {



width: 44%;



}



.skis-snowboard-product-info-wrap{ width:100%;}



.ship-skis-snowboard-image-wrap{width: 100%;}



.right-ship-skis-snowboard-image-wrap{width: 100%;}



.right-box-info h4 {



font-size: 16px;



}



/**********************************************how-pack-my-skis-snowboard.html started by megha on 25/06/2014*************************************/



.skies-info ul li {padding-left: 12%; margin-bottom:8%;}



.myskis{ width:100%;}



.left-box-info ul li {width: 55%;}



.skies-info ul li {padding-left: 14%;margin-bottom: 10%;}



.right-skies-info li {padding-left: 14%;margin-bottom: 14%;}



/**********************************************how-pack-my-suitcase.html started by megha on 25/06/2014*************************************/



.pack-luggage-info{width:30%; float:left; padding-bottom: 5%;}



.pack-luggage-wrap{width:33%; float:right;}



.left-side{width:33%; float:left; }



.right-pack-luggage-info{width:48%;}



.right-pack-luggage-wrap{width:43%; float:right;}



.pack-luggage-info ul li{padding-left: 18%;margin-bottom: 54%;font-size: 12px;}







.pack-luggage-image-wrap{width: 32%;}

.left-box-info ul li{width: 80%;}



.right-pack-luggage-image-wrap{padding-right: 0px;width: 45%;float: left;}



.packsuitcase{ width:100%;}



/**********************************************how-pack-my-suitcase.html started by megha on 25/06/2014*************************************/



.left-side{ width:90%; border-right:none;}



.pack-luggage-image-wrap {width: 32%;float: left;}



.left-box-info {width: 55%;float: right;}



.left-box-info ul{ margin:0;}



.pack-luggage-info {width: 90%; border:none;}



.pack-luggage-wrap {width:100%; border-left:none;}



.pack-luggage-info ul li {padding-left: 8%;margin-bottom: 3%;font-size: 12px;}



.right-pack-luggage-info {width: 100%;}



.right-pack-luggage-info li {padding-left: 8%;margin-bottom: 4%;}



.right-pack-luggage-wrap {width: 100%;}



/**********************************************shipping-luggage.html started by megha on 26/06/2014*************************************/



.ship-luggage-info{ width:100%;}


.right-ship-luggage-wrap h4{ font-size:15px;}



.ship-luggage-info ul li {background-position: 0px 6px;padding-left: 8%;}






.ship-luggage-wrap h4{ font-size:15px;}



.ship-luggage-quote {margin-top: 30%; font-size: 32px;}



.right-box-info h4 {



font-size: 15px;



}



.ship-luggage-image-wrap {



float: left;



width: 82%;



}



.left-box-info {

width: 50%;

float: right;



}



.right-ship-luggage-image-wrap {width: 82%;}



.product-info-wrap{width: 100%;}



/**********************************************why-luggagetoship.html started by megha on 26/06/2014*************************************/
.highlight-points{ width:100%;}
.features-adjust{ width:100%!important; border-left:none;}
.highlight-points ul li {padding-left: 8%;}
/**********************************************why-ship-myluggage.html started by megha on 14/09/2014*************************************/
.luggage-whyship .notalone p span {width: 44.4%;}
.luggage-whyship .notalone p .time {width: 41%;}

.luggage-whyship .alone p span {width: 44.4%;}
.luggage-whyship .alone p .time {width: 41%;}





}



















/*for samsung galexy s11 landscape screen*/



@media only screen and (max-width:533px)
{
.l-work {
width: 100%;
margin-left:0%; 
}
.flexnav-menu-button {

position: relative;
display: block;
padding: 25px 30px;
cursor: pointer; margin-top: 2%;}



.flexnav.show {



max-height: 2000px;



-webkit-transition: 1s;



-moz-transition: 1s;
-o-transition: 1s;
-ms-transition: 1s;
transition: 1s;
z-index: 1500;
margin-top: 2%; border: 1px solid #ccc; margin: 0 0 0 -25%;

}



.banner h2 {
/*background: url(../images/h460.png)no-repeat;*/
height: 39px;
width: 400px;
margin: 25% auto 2% auto;}

.banner h3 {
/*background: url(../images/h4601.png) no-repeat;*/
height: 31px;
width: 380px;
margin: 0% auto 0% auto;
}

.features .feature .fea-img {



width: 40%;



height: 86px;



}



.hsignup {



font-size: 40px;



margin: 9% auto 0 auto;



}



.search-strip h2 {



color: #fff;



margin-left: 0%!important;



font-size: 28px;



font-family: "Arial Narrow";



}



.international-banner .int-quote {



margin-top: 30%;



font-size: 20px;



}



.international-shipping h2 {



font-size: 46px;



margin-left:3%;



}



.hsign{



margin: 10% 0 0 0%;



color: #000;



font-size:35px;}



.learn {



margin-left:0%!important;



}



.jchat .chat_form .form1 .grid1 ul li .fields input[type="reset"], input[type="button"], input[type="submit"] {



background: #ad1d28;



width: 41%!important;}



.login_box .login-group-box .iconbox .input-form {



width: 76%;



padding-left: 13%;



border-radius: 4px;



}



.hluggage {



margin: 8% 0 0 0%;



font-size: 32px;}



.box {height:210px;}



.box p {



height: 90px;



}



.box h3 {



font-size: 15px;}



/*FAQ.html PAGE by megha*/



.luggage-faq .international {



padding-bottom:432%;}



.banner .heading-login {



/*margin:10% 0 0 0%;*/ font-size:38px;}











/*css added by chandra on date 23/06/2014 for shipping to school.html*/



.luggage-storage-box ul li{padding-left:9%;}



.luggage-storage-box h4{margin-left:30px;}



.luggage-storage-wrap{float:none; width:100%;}



.luggage-storage-box h3{margin-left:30px;}



/*css added by chandra on date 23/06/2014 for shipping to school.html*/



/*affiliates page css started by megha on 24/06/2014*/



.span6{ width:39%;}



.affiliate-order-form-submit-btn {



margin-left: 48%!important;



width: 118%;



}



.affliate-features-right-box {



width:40%!important;



border-left: 1px dashed lavender;



margin-left: 3%;



}



.affliate-features li {

padding-left: 22%;


}



/*contact-us page responsive started by megha on 24/06/2014*/



.contact-inf{width: 100%;}



.seprate {



border-left:none;



padding-left: 3%;



width: 100%;



}



.first-cloumn {



float: left;



width: 25%;}



.second-column {



float: right;



text-align: left;



width: 70%;}



.contact-us-payment_options .contact-us-cardinfo_L label {



margin-right: 10px;



width: 30%;}	



.hint-captcha img{ width:36%;}



.contact-us-order_form-height{ height:auto!important;}



.left-align {



margin-left:45%;



}



.contact-us-payment_options .contact-us-cardinfo_L .contact-us-card_input {



margin-bottom: 0;



width: 50%;



}



.contact-us-payment_options .contact-us-cardinfo_L .contact-us-f_info .reply {



height: 100px;



resize: none;



width: 50%;



}



/**********************************************how-pack-golf-club started by megha on 24/06/2014*************************************/



.golf-wrap {



width: 100%; border-right:none;}



.golf-info{ width:100%; margin-left:1%;}







.golf-info ul li{padding-left:8%; margin-bottom:1%;}



.right-golf-info li{padding-left:8%;



margin-bottom: 1%;}



.right-golf-info {



margin-left: 0px;



border-right:none;



width:100%;



}



.right-golf-wrap {



float: right; margin-right:0%;



width:100%;



}



.gclub{ width:100%;}



.gclub h4{font-size:18px;}











/**********************************************shipping-skis.html started by megha on 24/06/2014*************************************/



.new-box{ margin-left:0%;}



.ship-skis-snowboard-wrap{ width:45%;}



.ship-skis-snowboard-quote{ margin-top:19%;}



.ship-skis-snowboard-info ul li{background: url(../images/new-green-icon.png) no-repeat scroll 0px 6px;



padding-left: 9%;}



.ship-skis-snowboard-info {



margin-right: 2%;



width: 100%;



}



.right-ship-skis-snowboard-wrap {



width: 45%;



padding-left: 25px;



margin: auto;



}



.ship-left-box-info  h4 {



font-size: 16px;



}



.ship-left-box-info ul{ margin-left:0;}



.ship-left-box-info ul li {



width: 44%;



}



.skis-snowboard-product-info-wrap{ width:100%;}



.ship-skis-snowboard-image-wrap{width: 100%;}



.right-ship-skis-snowboard-image-wrap{width: 100%;}



.right-box-info h4 {



font-size: 16px;



}


/* css added by chandra on date 24/06/2014 for page tracking.html */


.luggage-track .trackbox{



  width:67%;



}



/* End css added by chandra on date 24/06/2014 for page tracking.html */



/**********************************************how-pack-my-bike.html started by megha on 25/06/2014*************************************/



.pack-bike-img{padding-right:0px; float: right; width: 33%;}



.pack-bike-img img{ margin-top:0%;}



.bicycle-info{margin-right: 2%; width: 60%;}



.pack-bike-left-box-info{ width:100%;}



.pack-bike-left-box-info ul li{width: 38%;}



.bicycle-info ul li { padding-left:14%; background-position:0 6px;}



.pack-bike{width:100%;}



.center-line{width:100%;}



/**********************************************aboutus.html started by megha on 25/06/2014*************************************/



.luggageabout{ width:50%;}



.luggageabout img{ margin-top:0%;}



/**********************************************shipping-luggage.html started by megha on 26/06/2014*************************************/
.ship-luggage-quote {margin-top:25%;}

}


/*for apple iphone 3 & 4 landscape screen size mobiles*/







@media only screen and  (max-width:480px)
{
.l-work {
width: 100%;
margin-left:0%; 
}
.banner .header .headerleft {
width: 28% !important;
}
.banner .header .headerright {
margin-top: 16%!important;
}
.banner .header .headerright .chat {
width: 23%;
}
.banner .header .headerright .book {
margin-top: -12%!important;
}
.main_lts-inner{width: 400px;}
.flexnav-menu-button {
position: relative;
display: block;
padding: 15px 30px;
cursor: pointer;

margin-top: 2%;}



.flexnav.show {



max-height: 2000px;



-webkit-transition: 1s;



-moz-transition: 1s;



-o-transition: 1s;



-ms-transition: 1s;



transition: 1s;



z-index: 1500;



margin-top: 2%; border: 1px solid #ccc; margin: 0 0 0 16%;



}

.flexnav li:first-child a {
 border-radius: 0px; 
}
flexnav li:last-child a {
border-radius:0px;}
.banner h2 {
/*background: url(../images/h460.png)no-repeat;*/
height: 39px;
width: 400px;
margin: 32% 0% 2% 6%;



}



.banner h3 {



/*background: url(../images/h4601.png) no-repeat;*/



height: 31px;



width: 380px;



margin: 0% 0% 0% 9%;



}



.login-register {

text-align: left;
}
.login-register li {
width: 100%;

}



.login-register li a {



font-size: 13px;



}



.login-register li a [class^="icon-"] {



font-size: 18px; margin-right:4px;



}







.flexnav.show {



max-height: 2000px;



/* -webkit-transition: 1s; */



-moz-transition: 0s;



-o-transition:0s;



-ms-transition: 0s;



/* transition: 1s; */



z-index: 1500;







border-radius: 0px;



}



.flexnav li{



border-left:none;}



.flexnav li a {



border-bottom: 1px solid #e6e6e6;



padding: 10px 0px;



color: #595959 !important;



}



.flexnav li:first-child a{



 border-radius: 0px; 



}



.search-area{height: 165px; padding-left: 7%; padding-top: 10px;}



.search-area select{width:270px; font-size:14px;}



.container {



padding: 0 16px;



}



.search-area span {



width: 10%;



display: block;



margin:-1% auto 1% 42%}



.book-now {



margin: 0% auto 0% 32%;



}


.luggage-guarantee .span5{ width:100%; text-align:center;}
.luggage-guarantee img {
width: 155px;
float: none; 
margin-top: 2%;
}
.luggage-guarantee .span7{width:100%; text-align: center;}



.l-work h2{
    /*background-image: url(../images/works1.jpg);*/
background-repeat: no-repeat;
height: 30px;
width: 320px;
margin: 0% 0% 5% 14%;}

.span6_form{ width:100%!important;}
.span5_form{ width:100%!important;}
[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"]{float: left;
width: 48%; margin-right: 2%;}



.l-work .work .folder h4 {



font-size: 16px; line-height: 20px;



}



.l-work .work .desc p {



line-height: 22px;



font-size: 13.5px;}



.l-work .arrow1{ display:none;}



.features h2 {



text-align: center;



/*background-image: url(../images/features1.png);*/



background-repeat: no-repeat;



width: 95px;



height: 30px;

margin: 0% 0% 5% 38%;

}



.features .feature .fea-img {height: 104px;}

.list {

height: 130px; margin-left: 26%;

}
.list1 {
height: 70px; margin-left: 26%;

}

.list.list-social {
margin-top: 19%;
margin-left: 19%;

}

.list.list-social li {
width: 22%; margin-bottom: 8px;
}



footer.main .secure ul li .left{margin-right: 1%; margin-top: 6%;}



footer.main .footer-top-area ul {







margin: 0 9px;



}



footer.main h5 {margin-left: 18%;}

.l-work .span3{ width:45%;}

.l-work .work {
width: 100%;
height: 310px;
margin:0px;
}



.l-work .work .folder .work-img img {
width: 50%;
margin-top:0%;
}



.l-work .work .folder .work-img img {



width:74%;



margin-top: -5%;



}



.l-work .work .folder .work-img .book {



width: 75%;



margin-top: 4%;



}



.l-work .work .folder .work-img .deliver {



width: 75%;}



.l-work .arrow {



float: left;



margin-left: -0px;



margin-top: 8%;



width: 30px;



}



.features .feature .fea-img {



height:104px; width:55%; margin-left: 20%;



}



.hsignup {



font-size: 34px;



margin: 11% auto 0 auto;



}



.search-strip h2 {



color: #fff;



margin-left: 0%!important;



font-size: 24px;



font-family: "Arial Narrow";



}



.international-banner .int-quote {



margin-top: 30%;



font-size: 18px;



}



.international-shipping h2 {



font-size: 36px;



margin-left: 3%;



}



.hsign{



margin:10% 0 0 0%;



color: #000;



font-size:32px;}



.learn {



margin-left:0%!important;



}

.sec {
width: 100%;
float: left;
text-align: center;
}

.form_signin .login-btn {
text-align: center;
width: 100%; margin-left:0%; 
}

.form_signin .login-btn input[type="button"]{margin-top:2%;}

.hluggage {



margin:10% 0 0 0%;



font-size: 28px;}



.box {height:210px;}



.box p {



height: 90px;



}



.box h3 {
font-size: 15px;}

/*FAQ.html PAGE by megha*/
.luggage-faq .international {
padding-bottom: 0%;
margin-bottom: 2%;}

.banner .heading-login {
margin:22% 0 0 0%; font-size:32px; line-height: 34px;}

.luggage-faq .span3 {
width: 100%; margin:0 auto;
}



.luggage-faq .span9 {
width: 100%!important; margin:0 auto;
}



.luggage-faq .delivery{padding-bottom:0%; margin-bottom:3%;}




/*how-it-work.html*/

.luggage-works .span3 {
width: 100%;
margin: 0 auto 0 auto;
text-align: center;
}

.luggage-works .span3 img {
width: 50%;
margin-top: 0%;
}
.luggage-works .span9 {
width: 100%!important; text-align:center;
}

.luggage-forward {
text-align: center;
width: 100%;
margin-bottom: 8%;
margin-top: 5%;
}
.luggage-box-text h4 {
float: none;
font-weight: 700;
}
/*how-it-work.html end here*/


/*css added by chandra on date 23/06/2014 for shipping to school.html*/



.luggage-storage-box ul li{padding-left:10%;}



.luggage-storage-box h4{margin-left:30px; margin-top: 20px;}



.luggage-storage-box h3{margin-left:30px;}



.luggage-storage-wrap{float:none; width:100%;}



/*css added by chandra on date 23/06/2014 for shipping to school.html*/



/*affiliates page css started by megha on 24/06/2014*/



.span6{ width:100%;}



.affiliate-order-form-submit-btn {



margin-left: 48%!important;



width: 56%;



}



.affliate-features-right-box {
width:100%!important;
border-left: none;
margin-left: 3%;
}



.affliate-features li {
padding-left: 9%;
}



/*contact-us page responsive started by megha on 24/06/2014*/



.contact-inf{width: 100%;}



.seprate {



border-left:none;



padding-left: 3%;



width: 100%;



}



.first-cloumn {



float: left;



width: 25%;}



.second-column {



float: right;



text-align: left;



width:65%;}



/**********************************************how-pack-golf-club started by megha on 24/06/2014*************************************/



.golf-wrap {



width: 100%; border-right:none;}



.golf-info{ width:100%; margin-left:1%;}







.golf-info ul li{padding-left:8%; margin-bottom:1%;}



.right-golf-info li{padding-left:8%;



margin-bottom: 1%;}



.right-golf-info {



margin-left: 0px;



border-right:none;



width:100%;



}



.right-golf-wrap {



float: right; margin-right:0%;



width:100%;



}



.gclub{ width:100%;}



.gclub h4{font-size:18px;}







/**********************************************luggage-store started by megha on 24/06/2014*************************************/



.luggage2-quote{margin-top: 34%; font-size: 32px;}



.luggage2-storage-box ul{ margin-left:0%;}



.luggage2-storage-box ul li{padding-left: 8%;}



/**********************************************shipping-bike.html started by megha on 24/06/2014*************************************/



.shipbike-quote{ margin-top:25%;}



.ship-bike-bicycle-wrap{ width:100%; border-right:none;}



.right-bicycle-wrap{padding-left: 0%; width:95%;}



.right-bicycle-wrap-image-wrap {



width: 100%; float:left;



}



/**********************************************shipping-skis.html started by megha on 24/06/2014*************************************/



.new-box{ margin-left:0%;}



.ship-skis-snowboard-wrap{ width:45%;}



.ship-skis-snowboard-quote{ margin-top:19%;}



.ship-skis-snowboard-info ul li{background: url(../images/new-green-icon.png) no-repeat scroll 0px 6px;



padding-left: 9%;}



.ship-skis-snowboard-info {



margin-right: 2%;



width: 100%;



}



.right-ship-skis-snowboard-wrap {



width: 45%;



padding-left: 25px;



margin: auto;



}



.ship-left-box-info  h4 {



font-size: 16px;



}



.ship-left-box-info ul{ margin-left:0;}



.ship-left-box-info ul li {



width: 44%;



}



.skis-snowboard-product-info-wrap{ width:100%;}



.ship-skis-snowboard-image-wrap{width: 100%;}



.right-ship-skis-snowboard-image-wrap{width: 100%;}



.right-box-info h4 {



font-size: 16px;



}



/* css added by chandra on date 24/06/2014 for page tracking.html */











.luggage-track .trackbox{



  width:85%;



}



/* End css added by chandra on date 24/06/2014 for page tracking.html */



/**********************************************shipping-golf-club.html started by megha on 25/06/2014*************************************/



.ship-golf-club-quote{ margin-top:25%;}



.ship-golf-club-info{ width:100%;}



.ship-golf-club-wrap {width: 70%;margin: 0 18%;border-right: none;}



.ship-golf-clubs-product-info-wrap {float: left;margin-left: 0;width: 60%;margin-right: 0%;}



.right-ship-golf-club-wrap {width: 80%;margin: 0 12%;}



/**********************************************how-pack-my-bike.html started by megha on 25/06/2014*************************************/



.pack-bike-img{padding-right:0px; float: right; width: 33%;}



.pack-bike-img img{ margin-top:0%;}



.bicycle-info{margin-right: 2%; width: 60%;}



.pack-bike-left-box-info{ width:100%;}



.pack-bike-left-box-info ul li{width: 38%;}



.bicycle-info ul li { padding-left:14%; background-position:0 6px;}



.pack-bike{width:100%;}



.center-line{width:100%;}



.bicycle-wrap{width: 80%; margin: 0 10%; border-right:none;}



.pack-bike-left-box-info ul{ margin:0;}



.right-box-info{width: 65%; margin: 0 12%;}



/**********************************************how-pack-my-skis-snowboard.html started by megha on 25/06/2014*************************************/



.myskis{ width:100%;}



.left-box-info ul li {width: 55%;}



.skies-info ul li {padding-left: 15%;margin-bottom: 28%;}



.right-skies-info li {padding-left: 14%;margin-bottom: 30%;}



.right-skies-wrap{ border-left:none;}



.right-skies-wrap-image-wrap {



width: 80%;



}



/**********************************************aboutus.html started by megha on 25/06/2014*************************************/



.luggageabout{ width:80%; margin-bottom: 5%;}



.luggageabout img{ margin-top:0%;}



.block2 h3{ font-size:18px;}



.lf-about-us-side-description{width:80%;}



.lf-about-us-side-description h4{ font-size:13px;}



/**********************************************how-pack-my-suitcase.html started by megha on 26/06/2014*************************************/



.packsuitcase {width: 100%;}



.pack-luggage-wrap {width: 100%;border-left: none;}

.pack-luggage-image-wrap {

    width: 32%;

    float: left;

}

.left-box-info {

    width: 50%;

    float: right;

}









.pack-luggage-info {width: 90%;border: none;}



.right-pack-luggage-wrap {width: 100%; border: none;}



.right-pack-luggage-info {width: 90%;}



/**********************************************shipping-luggage.html started by megha on 26/06/2014*************************************/



.ship-luggage-quote {margin-top: 28%;font-size: 28px;}



.ship-luggage-info {width: 100%;}



.ship-luggage-wrap {width: 100%;margin-right: 1%; border:none;}

.left-border{ border:none;}
.right-ship-luggage-wrap {width: 100%;}



/**********************************************why-luggagetoship.html started by megha on 26/06/2014*************************************/



.highlight-points{ width:100%;}



.features-adjust{ width:100%!important;}



.highlight-points ul li {padding-left: 8%;}



/**********************************************why-ship-myluggage.html started by megha on 26/06/2014*************************************/


.luggage-whyship .notalone p { font-size: 11.5px;}
.luggage-whyship .alone p { font-size: 11.5px;}

.luggage-whyship .notalone{border-right:none;}
.luggage-whyship .notalone p span {width:100%;}
.luggage-whyship .alone p span {width:100%;}
.luggage-whyship .colon { display:none!important;}
.luggage-whyship .notalone p .time {width: 100%;}
.luggage-whyship .alone p .time {width: 100%;}
}



@media only screen and (max-width:430px)
{
.l-work {
width: 100%; margin-left:0%; 
}
/*.banner .header {
height: 118px;
width: 100%;
margin-top: 0%; background:#F7F7F7;
}

.banner .header .headercenter {
width: 70%;
margin-top: -7%;
padding: 0%;}



.banner .header .headerleft {
width: 30%!important;
float: left;
padding-bottom:6px;
}
.banner .header .headerright {

width: 90%;

float: left;
padding-top: 0%;

padding-bottom:0.8%;
position: absolute;
margin-left: 12%;
margin-top: 0%;



}*/



.flexnav-menu-button {



/* margin-bottom: 10px; */



position: relative;



display: block;



padding:0px 30px 30px 0px;



cursor: pointer;

 margin-top: 2%;}



.flexnav.show {



max-height: 2000px;



-webkit-transition: 1s;



-moz-transition: 1s;



-o-transition: 1s;



-ms-transition: 1s;



transition: 1s;



z-index: 1500;



margin-top: 2%; border: 1px solid #ccc; margin: 0 0 0 16%;



}


/*
.login-register {
overflow: hidden;
list-style: none;
margin: 0;
width: 100%;
margin-top: 1%;
margin-right: 18%;}
.banner .header .headerright .book {
margin-left: 12%; width:48%;
}*/
.flexnav li:first-child a {
 border-radius: 0px; 
}
flexnav li:last-child a {
border-radius:0px;}

.banner h2{ 
    /*background:url(../images/h21.png)no-repeat;*/
height: 31px;
width: 100%;/*320px*/; margin:40% auto 2% auto; font-size: 8vw; text-align: center; }



.banner h3 {
/*background: url(../images/h31.png) no-repeat;*/
height:26px;
width:100%;/*310px*/;
margin: 0% auto 0% auto;
font-size: 5vw; text-align: center;
}



.flexnav.show {
max-height: 2000px;
z-index: 1500; 
background:rgb(247, 247, 247);
border-radius: 0px;
}



.flexnav li{



border-left:none;}



.flexnav li a {



border-bottom: 1px solid #e6e6e6;



padding: 10px 0px; background:none;



color: #595959 !important; font-size: 14px;



text-shadow: 0 0 1px #ccc;



}

.flexnav li:first-child a{
 border-radius: 0px; 
}
.search-area{height: 165px; padding-left: 0%; padding-top: 10px; -webkit-padding-start: 4%; -moz-padding-start: 4%;}
.search-area select{width:218px; font-size:13px;}
.container {
padding: 0 16px;
}



.search-area span {width: 100%;display: block; margin-top: -5px;margin-bottom: 3px;}

.book-now {
width: 140px;
margin-left: 1%;
margin: 0% auto 0 30%;
}
.banner .header .headerright .book {
width: /*35%*/40%;
}
.login-register { width:51%;}
.l-work h2{
    /*background-image: url(../images/works1.jpg);*/
background-repeat: no-repeat;
height: 30px;
width: 100%;/*320px;*/
margin: 0% 0% 5% 0%;
font-size: 5vw;
text-align: center;
}
[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"]{float: left;
width: 47%; margin-right: 2%;}
.l-work .work {
width: 100%;
height: 270px;
}


.span6_form {
    width: 100%;
}
.span5_form {
    width: 100%;
}

.affiliate-payment_options .affiliate-cardinfo_L label {
    margin-right: 10px;
    width: 100%;
    float: left;
}
.affiliate-payment_options .affiliate-cardinfo_L .affiliate-card_input {
    margin-bottom: 0px;
    width: 90%;
}
.affiliate-payment_options .affiliate-cardinfo_L .affiliate-f_info .reply{margin-bottom: 0px; width:90%;}

.l-work .work .folder h4 {
font-size: 12px;
line-height: 20px;
}



.l-work .work .desc p {



line-height: 22px;



font-size: 10.5px;



}



.l-work .arrow1{ display:none;}



.features h2 {

text-align: center;
/*background-image: url(../images/features1.png);*/
background-repeat: no-repeat;
width: 100%;
height: 30px;
/*margin: 0% 0% 5% 35%;*/
margin: 0% 0% 5% 0%;
font-size: 6vw;

}



.features .feature .fea-img{height: 82px;}



.list {



height: 130px; margin-left: 23%;



}



.list1 {



height: 70px; margin-left: 23%;



}



.list.list-social {



margin-left: 17%;



}



.list.list-social li {



width: 20%;



}



footer.main .secure {



margin-left: 5%;



}



footer.main h5 {
font-size: 18px;
margin-left: 15%;

}



footer.main .secure ul li .left{margin-right: 0%!important; width: 90px;}
footer.main .secure ul li .visa {
    width: 180px;
    margin-bottom: 10%;
}






.l-work .work .folder .work-img img {



width: 50%;



margin-top: -4%;



}



.l-work .work .folder .work-img img {
width:74%;
margin-top: 3%;
}



.l-work .work .folder .work-img .book {
width: 75%;
margin-top: 4%;
}

.features .feature {
    margin-bottom: 15%;
    height: 200px;
}

.l-work .work .folder .work-img .deliver {
margin-top: 4.5%;
width: 75%;}



.l-work .arrow {
float: left;
margin-left: -6px;
margin-top:10%;
width: 26px;
}



.search-strip h2 {



color: #fff;



margin-left: 0%!important;



font-size: 22px;



font-family: "Arial Narrow";



}



.hsignup {



font-size: 29px;



margin: 13% auto 0 auto;



}



.international-banner .int-quote {



margin-top: 30%;



font-size: 16px;



}



.international-shipping h2 {



font-size: 36px;



margin-left: 3%;



}



.hsign{



margin:10% 0 0 0%;



color: #000;



font-size:26px;}



.learn {



margin-left:0%!important;



}



.form_signin .login-btn {
text-align: center;
margin-left: 0%;
width: 100%;}
.form_signin .login-btn input[type="button"]{ margin-top:2%;}

.sec{ width:100%;}




.login_box .login-group-box .iconbox .input-form {



width: 76%;



padding-left: 16%;



border-radius: 4px;



}



.hluggage {



margin:12% 0 0 0%;



font-size: 24px;}



.box {height:210px;}



.box p {



height: auto; font-size:12px; min-height: 80px;



}



.box h3 {font-size: 13px;}
.box ul li {font-size: 12px;}
.luggage-works .span3 {
width: 100%; text-align:center;}
.span3 img {
width: 75%;
margin-top: 0%; 
}
.luggage-works .span9 {
width: 100%!important; text-align: center; margin-top: 20px;
}
.luggage-forward {
text-align: center;
}
.luggage-box-text h4{float: none; font-weight:700;}
/*FAQ.html PAGE by megha*/
.banner .heading-login {/*margin:28% 0 0 0%;*/ font-size:28px; line-height:34px;}
.login-group-box .title label {
width: 100%;
font-size: 11px;}


.luggage-login .join {



height: 89px;



width: 96%;



margin: 0 auto;



}







/*css added by chandra on date 23/06/2014 for shipping to school.html*/



.shipbike-quote{font-size: 22px;}



.ship-bike-info ul li{font-size: 13.5px;



list-style-type: none;



background: url(../images/new-green-icon.png) no-repeat scroll 1px 6px;



padding-left:10%;



display: block;



line-height: 2.4;



width: 90%;



text-align: justify;



margin-left: 0px;}



.ship-bike-info h3{text-align:center; font-size: 16px;}



.luggage-storage-box ul li{padding-left:13%;}



.luggage-storage-wrap{float:none; width:100%;}



/*css added by chandra on date 23/06/2014 for shipping to school.html*/











/* end responsive css added by chandra on 23/06/2014*/



/*affiliates page css started by megha on 24/06/2014*/



.span6{ width:100%;}



.affiliate-order-form-submit-btn {



margin-left: 0%!important;



width: 75%;



}



.affliate-features-right-box {



width:100%!important;



border-left: none;



margin-left: 0%;



}

.affliate-features-right-box .affliate-features {
    margin-left:0px;
}

.affliate-features li {
padding-left: 9%;

}



/*contact-us page responsive started by megha on 24/06/2014*/



.contact-inf{width: 100%;}



.seprate {



border-left:none;



padding-left: 3%;



width: 100%;



}



.first-cloumn {



float: left;



width: 25%;}



.second-column {



float: right;



text-align: left;



width:65%;}



.contact-us-payment_options .contact-us-cardinfo_L label {



margin-right: 10px;



width: 35%;



}



/**********************************************how-pack-golf-club started by megha on 24/06/2014*************************************/



.golf-wrap {



width: 100%; border-right:none;}



.golf-info{ width:100%; margin-left:3%;}







.golf-info ul li{padding-left:8%; margin-bottom:10%;}



.right-golf-info li{padding-left:8%;



margin-bottom: 8%;}



.right-golf-info {



margin-left: 0px;



border-right:none;



width:100%;



}



.right-golf-wrap {



float: right; margin-right:0%;



width:100%;



}



.gclub{ width:100%;}



.gclub h4{font-size:18px;}



/**********************************************luggage-store started by megha on 24/06/2014*************************************/



.luggage2-quote{margin-top: 34%; font-size: 32px;}



.luggage2-storage-box ul{ margin-left:0%;}



.luggage2-storage-box ul li{padding-left: 8%;}



/**********************************************shipping-bike.html started by megha on 24/06/2014*************************************/



.shipbike-quote{ margin-top:40%;}



.ship-bike-bicycle-wrap{ width:100%; border-right:none;}



.right-bicycle-wrap{padding-left: 0%; width:95%;}



.right-bicycle-wrap-image-wrap {



width: 100%; float:left;



}



/**********************************************shipping-skis.html started by megha on 24/06/2014*************************************/



.new-box{ margin-left:0%;}



.ship-skis-snowboard-wrap{ width:45%;}



.ship-skis-snowboard-quote{ margin-top:48%;}



.ship-skis-snowboard-info ul li{background: url(../images/new-green-icon.png) no-repeat scroll 0px 6px;



padding-left: 9%;}



.ship-skis-snowboard-info {



margin-right: 2%;



width: 100%;



}



.right-ship-skis-snowboard-wrap {



width: 45%;



padding-left: 25px;



margin: auto;



}



.ship-left-box-info  h4 {



font-size: 16px;



}



.ship-left-box-info ul{ margin-left:0;}



.ship-left-box-info ul li {



width: 100%;



}



.skis-snowboard-product-info-wrap{ width:100%;}



.ship-skis-snowboard-image-wrap{width: 100%;}



.right-ship-skis-snowboard-image-wrap{width: 100%;}



.right-box-info h4 {



font-size: 16px;



}







/*   css added by chandra for how it works.html on 24/06/2014 */



.luggage-box-text h2{







font-size: 19px;



/* line-height: 26px; */



text-align: center;



}



 .luggage-box-text h3{



   font-size: 17px;







text-align: center;







 }



 .luggage-forward h3{



     font-size: 18px;







text-align: center;



 }


/*   css added by chandra for how it works.html on 24/06/2014 */



/* css added by chandra on date 24/06/2014 for page tracking.html */

.luggage-track .trackbox{ width:100%;}
.luggage-track .trackbox a { width:28%;}

/* End css added by chandra on date 24/06/2014 for page tracking.html */

/**********************************************shipping-golf-club.html started by megha on 25/06/2014*************************************/

.ship-golf-club-quote{ margin-top:33%;}

.ship-golf-club-info{ width:100%;}

.ship-golf-club-wrap {width: 70%;margin: 0 18%;border-right: none;}

.ship-golf-clubs-product-info-wrap {float: left;margin-left: 0;width: 60%;margin-right: 0%;}

.right-ship-golf-club-wrap {width: 85%;margin: 0 10%;}

.ship-golf-clubs-product-info-wrap {width: 50%;}

/**********************************************how-pack-my-bike.html started by megha on 25/06/2014*************************************/



.pack-bike-img{padding-right: 0px;width: 40%;float: none;margin: 2% auto;}



.pack-bike-img img{ margin-top:0%;}



.bicycle-info{margin-right: 2%; width: 60%;}



.pack-bike-left-box-info{ width:100%;}



.pack-bike-left-box-info ul li{width: 38%;}



.bicycle-info ul li { padding-left:17%; background-position:0 6px;}



.pack-bike{width:100%;}



.center-line{width:100%;}



.bicycle-wrap{width: 80%; margin: 0 10%; border-right:none;}



.pack-bike-left-box-info ul{ margin:0;}



.right-box-info{width: 65%; margin: 0 12%;}







/**********************************************how-pack-my-skis-snowboard.html started by megha on 25/06/2014*************************************/



.myskis{ width:100%;}



.left-box-info ul li {width: 55%;}



.skies-info ul li {padding-left: 18%;margin-bottom: 45%;}



.right-skies-info li {padding-left: 16%;margin-bottom: 30%;}



.right-skies-wrap{ border-left:none;}



.right-skies-wrap-image-wrap {



width: 100%;



}



/**********************************************aboutus.html started by megha on 25/06/2014*************************************/


.aboutuspart{ width:100%; text-align:center;}
.luggageabout{width: 100%; margin-bottom: 5%;}
.luggageabout img{ margin-top:0%; float:}
.block2 h3{ font-size:18px;}



.lf-about-us-side-description{width: 100%;}



.lf-about-us-side-description h4{ font-size:13px;}



/**********************************************how-pack-my-suitcase.html started by megha on 26/06/2014*************************************/



.packsuitcase {width: 100%;}



.pack-luggage-wrap {width: 100%;border-left: none;}



.pack-luggage-info {width: 90%;border: none;}



.right-pack-luggage-wrap {width: 100%; border: none;}

.span8_ser {
    width:100%;
}

.pack-luggage-info ul li{margin-bottom: 10%;}



.right-pack-luggage-info li {padding-left: 10%;margin-bottom: 11%;}



/**********************************************shipping-luggage.html started by megha on 26/06/2014*************************************/



.ship-luggage-quote {margin-top: 30%;font-size: 24px;}

.right-ship-luggage-wrap {width: 100%!important; margin: 0; border-right:none;
padding-left: 5px;}
.left-border {
    border-left: none;
}


.ship-luggage-wrap {width:100%;margin-right: 1%; border-right: none;}


.ship-luggage-info {width: 100%;}



.ship-luggage-wrap {width: 100%;margin-right: 1%;}





.right-ship-luggage-wrap h4 {font-size: 16px;}



.ship-luggage-wrap h4 {font-size: 16px;}



/**********************************************why-luggagetoship.html started by megha on 26/06/2014*************************************/

.highlight-points{ width:100%;}

.features-adjust{ width:100%!important; border-left:none; margin-top: 8%;}
.highlight-points ul{margin: 0 0 10px 15px;}
.highlight-points ul li {padding-left: 10%;}

}



@media only screen and (max-width:370px)

{

.banner .header .headerright .book {
margin-left:35%;
width: 46%;
}



.banner .header .headerright .chat {

width: 31%;
margin-top: 0%;

}


.login-register {
width: 60%;
}

.banner .header .headerleft .logo {
width: 85px;
}

.search-area{height: 165px; padding-left: 0%; padding-top: 10px; -webkit-padding-start: 4%; -moz-padding-start: 4%;}


.search-area select {

    width: 212px;

    font-size: 13px;

}



.banner h2 {



/*background: url(../images/h320.png)no-repeat;*/



height: 31px;



width: 270px;



margin:33% auto 4% auto;



}



.banner h3 {



/*background: url(../images/h321.png) no-repeat;*/



height: 26px;



width: 280px;



margin: 0% auto 0% 9%;



}



.l-work h2 {margin: 0% 0% 5% 0%; 
            /*background-image: url(../images/works320.jpg);*/



background-repeat: no-repeat;



height: 22px;



width: 240px;



margin: 0% 0% 5% 4%;}







.features .feature .fea-img {height: 80px;}



.list {



height: 158px;



margin-left: 23%;



}



footer.main h5 {font-size: 15px;}







footer.main .secure ul li .left {



margin-right: 0%; width: 150px;



}



footer.main .secure ul li .right {



float: left;



width: 70px;



height: 60px;



}



footer.main .secure ul li .visa {



width: 135px;



height: 109px;



margin-bottom: 3%;



}



.hsignup {



font-size: 26px;



margin: 13% auto 0 auto;



}



.search-strip h2 {



color: #fff;



margin-left: 0%!important;



font-size: 22px;



font-family: "Arial Narrow";



}



.luggage-works {



margin-top: -15%;



}



.luggage-works .span3 {



/* float: left; */



width: 55%;



margin: 0 0 0 15%;



}



.luggage-works .span9 {



width: 100%!important;



}



.luggage-forward {



width: 100%;



margin-bottom: 8%;



margin-top: 5%;



}



.international-banner .int-quote {



margin-top: 11%;



font-size: 14px;



}



.international-shipping h2 {



font-size: 28px;



margin-left: 3%;



}



.hsign{



margin: 15% 0 0 0%;



color: #000;



font-size: 24px;}



.learn {



margin-left:0%!important;



}



.login_box .login-group-box .iconbox .input-form {



width: 76%;



padding-left: 18%;



border-radius: 4px;



}



.hluggage {



margin:12% 0 0 0%;



font-size: 22px;}



.box {/*height:170px;*/}



.box p {



height: 70px; font-size:11px;



}



.box h3 {



font-size: 12px;}



.box ul li {



font-size: 11px;}



.search-strip h2{ margin-left:0%!important;}





.ship-luggage-banner{ background-image:url(../images/safari-img/1-360.jpg); background-repeat:inherit; height: 135px;}

.international-banner{ background-image:url(../images/safari-img/2-360.jpg); background-repeat:inherit; height: 135px;}

.ship-golf-club-banner{ background-image:url(../images/safari-img/5-360.jpg); background-repeat:inherit ; height: 135px;}

.ship-skis-snowboard-banner{ background-image:url(../images/safari-img/6-360.jpg); background-repeat:inherit; height: 135px;}

.shipbike-banner{ background-image:url(../images/safari-img/4-360.jpg); background-repeat:inherit; height: 135px;}

.luggage-storage-banner{ background-image:url(../images/safari-img/7-360.jpg); background-repeat:inherit; height: 135px;}

.luggage2-storage-banner{ background-image:url(../images/safari-img/3-360.jpg); background-repeat:inherit; height: 135px;}
.luggage-quote{font-size: 16px;margin-top: 11%;}

/*FAQ.html PAGE by megha*/
.banner .heading-login {margin:30% 0 0 0%; font-size:24px;}
.luggage-whyship .notalone h3{font-size: 20px;}
.luggage-whyship .alone h3{font-size: 20px;}

/*css added by chandra on date 23/06/2014 for shipping to school.html*/
.luggage-storage-box ul li{padding-left:14%; margin-bottom: 7%;}

.luggage-storage-wrap{float:none; width:100%;}



/*css added by chandra on date 23/06/2014 for shipping to school.html*/



/*affiliates page css started by megha on 24/06/2014*/



.span6{ width:100%;}



.affiliate-order-form-submit-btn {



margin-left: 0%!important;



width: 75%;



}



.affliate-features-right-box {



width:100%!important;



border-left: none;



margin-left: 0%;



}



.affliate-features li {



padding-left: 9%;



margin-bottom: 1%;



margin-left: 17%!important;



font-size: 13.5px;



}



.affliate-features li {



padding-left: 11%;



margin-bottom: 1%;



margin-left: 5%!important;



font-size: 13.5px;



}



/*contact-us page responsive started by megha on 24/06/2014*/



.contact-inf{width: 100%;}



.seprate {



border-left:none;



padding-left: 3%;



width: 100%;



}



.first-cloumn {



float: left;



width: 25%;}



.second-column {



float: right;



text-align: left;



width:65%;}



.hint-captcha img {



width: 27%;



}



.contact-us-payment_options .contact-us-cardinfo_L label {



margin-right: 10px;



width: 38%;



}



/**********************************************how-pack-golf-club started by megha on 24/06/2014*************************************/



.golf-wrap {



width: 100%; border-right:none;}



.golf-info{ width:100%; margin-left:3%;}







.golf-info ul li{padding-left:11%; margin-bottom:10%;}



.right-golf-info li{padding-left:11%;



margin-bottom: 8%;}



.right-golf-info {



margin-left: 0px;



border-right:none;



width:100%;



}



.right-golf-wrap {



float: right; margin-right:0%;



width:100%;



}



.gclub{ width:100%;}



.gclub h4{font-size:18px;}



.right-box-info li{ font-size:10px;}



/**********************************************luggage-store started by megha on 24/06/2014*************************************/



.luggage2-quote{margin-top: 11%;

font-size: 22px;}



.luggage2-storage-box ul{ margin-left:0%;}



.luggage2-storage-box ul li{padding-left: 11%;}



/**********************************************shipping-bike.html started by megha on 24/06/2014*************************************/



.shipbike-quote{ margin-top:14%;}



.ship-bike-info ul li{width: 85%; padding-left:15%;}







/**********************************************shipping-skis.html started by megha on 24/06/2014*************************************/



.new-box{ margin-left:0%;}



.ship-skis-snowboard-wrap{ width:100%; border-right:none;}



.ship-skis-snowboard-quote{margin-top: 12%;

font-size: 20px;}



.ship-skis-snowboard-info ul li{background: url(../images/new-green-icon.png) no-repeat scroll 0px 6px;



padding-left: 12%;}



.ship-skis-snowboard-info {



margin-right: 2%;



width: 100%;



}



.right-ship-skis-snowboard-wrap {



width: 100%;



padding-left: 25px;



margin: auto;



}



.ship-left-box-info  h4 {



font-size: 16px;



}



.skis-snowboard-product-info-wrap ul li{ font-size:13px;}



.ship-left-box-info ul{ margin-left:0;}



.ship-left-box-info ul li {



width: 100%;



}



.skis-snowboard-product-info-wrap{ width:100%; margin-left:-8%;}



.ship-skis-snowboard-image-wrap{width: 100%;}



.right-ship-skis-snowboard-image-wrap{width: 100%;}



.right-box-info h4 {



font-size: 16px; margin-left:-8%;



}

/* css added by chandra on date 24/06/2014 for page tracking.html */


.luggage-track .trackbox{



  width:100%;



}


/* End css added by chandra on date 24/06/2014 for page tracking.html */



/**********************************************shipping-golf-club.html started by megha on 25/06/2014*************************************/



.ship-golf-club-quote{ margin-top:13%; font-size: 21px;}



.ship-golf-club-info{ width:100%;}



.ship-golf-club-wrap {width: 100%; margin: 0%;}



.ship-golf-clubs-product-info-wrap {float: left;margin-left: 0;width: 60%;margin-right: 0%;}



.right-ship-golf-club-wrap {width: 100%;margin: 0 0%; padding-left: 5px;}



.ship-golf-clubs-product-info-wrap {width: 50%;}



.ship-golf-clubs-product-info-wrap ul li{ font-size:11px;}



.ship-golf-club-info ul li {padding-left: 14%;}



.right-ship-golf-club-image-wrap {margin-right: 0%;width: 40%;}



.ship-golf-club-image-wrap {float: left;margin-top: -14px; width: 30%;}



/**********************************************how-pack-my-skis-snowboard.html started by megha on 25/06/2014*************************************/



.skies-wrap{width:100%; border-right:none;}



.skies-info {width:100%;}



.skies-info ul li {padding-left: 9%;margin-bottom: 5%;}



.right-skies-wrap{width:100%;}



.right-skies-info{width:100%;}



.right-skies-info ul li {padding-left: 9%;margin-bottom: 5%;}



.right-skies-wrap-image-wrap {width: 50%;/*margin: 0 39%;*/}



/**********************************************how-pack-my-suitcase.html started by megha on 26/06/2014*************************************/



.pack-luggage-info ul li{margin-bottom: 18%; padding-left: 15%;}



.right-pack-luggage-info li {padding-left: 15%;margin-bottom: 33%;}



/**********************************************shipping-luggage.html started by megha on 26/06/2014*************************************/



.ship-luggage-quote {



margin-top: 11%;



font-size: 18px;



}



.ship-luggage-info ul li {



background-position: 0px 7px;



padding-left: 11%;



}



.ship-luggage-wrap {



width: 99%; border:none;



margin-right: 1%;



}



.right-ship-luggage-wrap {



width: 99%; border:none;



margin-right: 1%;}



.ship-luggage-image-wrap {



float: left;



width: 30%;



}



.left-box-info {



width: 68%;



float: right;



}



.right-ship-luggage-image-wrap {



width: 30%;



}



.product-info-wrap{ width:70%;}



.product-info-wrap ul li{ font-size:11px;}

/**********************************************why-luggagetoship.html started by megha on 26/06/2014*************************************/

.highlight-points ul li {padding-left: 12%; margin-bottom: 3%;}
}



/* for all 320 portrait screens mobile*/



@media only screen and  (max-width:320px)
{
.l-work {width: 100%;margin-left:0%;}

.flexnav-menu-button {
position: relative;
display: block;
padding:0px 30px 30px 0px;
cursor: pointer;
 margin-top: -7%;}
.flexnav {
overflow: hidden;
width: 53%;
margin: 0% 0% 0% 0%!important;
}
.flexnav.show {
max-height: 2000px;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-ms-transition: 1s;
transition: 1s;
z-index: 1500;
margin-top: 2%; border: 1px solid #ccc; margin: 0 0 0 16%;
}
.banner .header .headerright {
margin-top: 20%!important; height: 65px;
}
.banner .header .headercenter {
width: 54%; margin-top: 2%;}
.banner .header .headerright .book {
margin-top: -16%!important;
}
.banner .header .headerleft {
width: 35% !important;
}
.banner .header .headerleft .logo {
width:100px;
}
.divider {
margin-top: 1%;
}

.login-register li a {
font-size: 12px;
}

.login-register li a i{float: left; margin-top: 5px;}
.banner .header .headerright .book {
margin-left: 40%; width: 47%; margin-top: 6%;
}
.banner .header .headerright .book a {
padding: 10px 20px;
font-size: 11px;
}
.flexnav li:first-child a {
 border-radius: 0px; 
}
flexnav li:last-child a {
border-radius:0px;}
.banner h2 {
/*background: url(../images/h320.png)no-repeat;*/
height: 31px;
width: 100%;/*270px;*/
margin:42% auto 4% auto;
font-size: 8vw;
text-align: center;
}
.banner h3 {
/*background: url(../images/h321.png) no-repeat;*/
height: 26px;
width: 100%;/*280px;*/
margin: 0/*0% auto 0% 9%*/;
font-size: 5vw;
text-align: center;
}
.search-area{height: 165px; padding-left: 2%; padding-top: 10px; -webkit-padding-start: 4%; -moz-padding-start: 4%;}


.search-area .container{padding: 0 2px;}
.search-area select {
width: 178px;
font-size: 13px;
}

.search-area span {
width: 10%;
display: block;
margin: -3% auto 1% auto;
}

.book-now {
margin: 0% auto 0% auto;
}
.l-work .work {
width: 100%;
height: auto;
height: 280px; margin:0;
}
.l-work h2 {margin: 0% 0% 5% 0%; 
            /*background-image: url(../images/works320.jpg);*/
background-repeat: no-repeat;
height: 22px;
width: 100% /*240px*/;
margin: /*0% 0% 5% 7%*/0% 0% 5% 0%;
font-size: 5vw;
text-align: center;
}

.l-work .work .folder h4 {
font-size: 10px;
line-height: 20px;

}

.features h2 {margin: 0% 0% 5% 0%; font-size: 6vw; text-align: center;}
.features .feature .fea-img {height:65px;}
footer.main h5 {font-size: 15px;}
.list {
height: 160px; margin-left: 23%;
}

.list1 {
height: 70px; margin-left: 23%;
}

.list.list-social {
margin-left: 7%; margin-top: -20%; height: 60px;
}

.list.list-social li {
margin-bottom: 5px;
width: 20%;
}

footer.main p, footer.main a {
font-size: 11px;}
footer.main .secure ul li .visa {
width: 127px;
height: 109px;
margin-bottom: 3%;
}



footer.main .secure ul li .left {



margin-right: 1%; float: left;



width: 129px;

/*

height: 79px;*/



}



footer.main .secure ul li .right {
float: none;
width: 65px;
height: 53px; margin: 0 23%;
}



footer.main .footer-top-area ul {
list-style: none;
text-align: center;
margin: 0px;
}
footer.main .secure {
margin-left: -4%; margin-top: -20%;
}
.l-work .work .folder .work-img img {
width:74%;
margin-top:0%;/*for mozilla browser*/
}
.l-work .work .folder .work-img .book {
width: 75%;



margin-top: 4%;



}



.l-work .work .folder .work-img .deliver {



width: 75%;}



.l-work .arrow {
float: left;
margin-left: 0px;/*for mozilla browser*/
margin-top: 8%;
width: 25px;



}



.hsignup {



font-size: 23px;



margin: 18% auto 0 auto;



}



.search-strip h2 {



color: #fff;



margin-left: 0%!important;



font-size: 22px;



font-family: "Arial Narrow";



}



.luggage-works {
margin-top: 0%;
}



.luggage-works .span3 {
width: 100%;
margin: 0 auto 0 auto;
text-align: center;
}

.luggage-works .span3 img {
width: 70%;
margin-top: 0%;
}

.luggage-works .span9 {



width: 100%!important;



}



.luggage-forward {

text-align:center;

width: 100%;



margin-bottom: 8%;



margin-top: 5%;



}



.hsign{



margin: 17% 0 0 0%;



color: #000;



font-size: 21px;}



.learn {



margin-left:0%!important;



}



.login_box .login-group-box .iconbox .input-form {



width: 73%;



padding-left: 20%;



border-radius: 4px; font-size:12px;



}



.login-group-box .title label {



font-size: 12px;



}




.hluggage {



margin:13% 0 0 0%;



font-size: 20px;}



.box {height:200px;}



.box p {



height: 70px; font-size:10px;



}



.box h3 {



font-size: 10px;



font-weight: bolder;}



.box ul li {



font-size: 10px;}



/*FAQ.html PAGE by megha*/



.banner .heading-login {
margin:32% 0 0 0%; font-size:22px;}

/* sign up page css by megha*/

.login-group-box .title {



width: 90%;



}

.page-title{ font-size:24px;} 

.login-group-box .form-box {



width: 99%;



text-align: left;



}



/*login page css by megha*/



.sec {



width: 100%;



float: left;



text-align: center;



}



.sec a {



font-size: 9px;}



/*affiliates page css started by megha on 24/06/2014*/



.span6{ width:100%;}


.affiliate-order-form-submit-btn {
margin-left: 0%!important;
width: 75%;
}



.affliate-features-right-box {



width:100%!important;



border-left: none;



margin-left: 0%;



}



.affliate-features li {



padding-left: 9%;



margin-bottom: 1%;



margin-left: 17%!important;



font-size: 13.5px;



}



.affliate-features li {



padding-left: 13%;



margin-bottom: 6%;



margin-left: 5%!important;



font-size: 12.5px;



}



.affiliate-order-form-submit-btn input[type="button"]{ width:75%!important;}



/*contact-us page responsive started by megha on 24/06/2014*/



.contact-inf{width: 100%;}



.seprate {



border-left:none;



padding-left: 3%;



width: 90%;



}



.first-cloumn {



float: left;



width: 28%;}



.second-column {



float: right;



text-align: left;



width:65%;}



.hint-captcha img {



width: 27%;



}



.contact-us-payment_options .contact-us-cardinfo_L label {



margin-right: 10px;



width: 78%;



}



.contact-us-payment_options .contact-us-cardinfo_L .contact-us-card_input {



margin-bottom: 0;



width: 90%;



}



.contact-us-payment_options .contact-us-cardinfo_L .contact-us-f_info .reply {



width: 90%;



}



.left-align {



margin-left: 30%;



}



/**********************************************how-pack-golf-club started by megha on 24/06/2014*************************************/



.golf-wrap {



width: 100%; border-right:none;}



.golf-info{ width:100%; margin-left:3%;}



.left-box-info ul li {



width: 68%;}



.golf-info ul li{padding-left: 15%;



margin-bottom: 25%;}



.right-golf-info li{padding-left: 13%;



margin-bottom: 22%;}



.right-golf-info {



margin-left: 0px;



border-right:none;



width:100%;



}



.right-golf-wrap {



float: right; margin-right:0%;



width:100%;



}



.gclub{ width:100%;}



.gclub h4{font-size:18px;}



.right-box-info li{ font-size:10px;}



.right-golf-wrap-image-wrap {



float: right;



width: 20%;



}



/**********************************************luggage-store started by megha on 24/06/2014*************************************/



.luggage2-quote{margin-top: 13%; font-size: 24px;}



.luggage2-storage-box{ margin-bottom:3%;}



.luggage2-storage-box ul{ margin-left:0%;}



.luggage2-storage-box ul li{padding-left: 13%;



margin-bottom: 1%;



font-size: 13px;}



/**********************************************shipping-skis.html started by megha on 24/06/2014*************************************/



ship-skis-snowboard-info ul{ margin-left:0;}



.ship-skis-snowboard-info ul li{background: url(../images/new-green-icon.png) no-repeat scroll 0px 6px;



padding-left: 17%;}



.ship-skis-snowboard-quote {



margin-top: 15%;



font-size: 20px;



}







.ship-left-box-info  h4 {



font-size: 16px;



}



.skis-snowboard-product-info-wrap ul li{ font-size:13px;}



.ship-left-box-info ul{ margin-left:0;}



.ship-left-box-info ul li {



width: 100%;



}



/* css added for why ship my luggage.html on date 24/06/2014 by chandra */







h3{



  font-size:16px;



  padding:2px;



}











/* end css added for why ship my luggage.html on date 24/06/2014 by chandra */







/* css added by chandra on date 24/06/2014 for page tracking.html */











.luggage-track .trackbox{



  width:100%;



}



.luggage-track .trackbox input{

width: 66%;
font-size: 14px;

}



/* End css added by chandra on date 24/06/2014 for page tracking.html */



/**********************************************our-guarantee.html started by megha on 25/06/2014*************************************/







.luggage-guarantee h2 {



color: #000;



font-size: 16px;



margin-top: 2%;



}



/**********************************************how-pack-my-bike.html started by megha on 25/06/2014*************************************/



.pack-bike-img{padding-right: 0px;float: right;width: 75%;margin: 3% 18% 0 0%;}



.bicycle-info {margin-right: 2%;width: 100%;}



.pack-bike-left-box-info ul li {width: 47%;}



.right-box-info {width: 95%;margin: 0 13%;}



.right-box-info ul{margin-left: -7%;}



.right-box-info ul li{ font-size:12px;}



/**********************************************how-pack-my-skis-snowboard.html started by megha on 25/06/2014*************************************/



.skies-info ul li {padding-left: 9%;margin-bottom: 5%;}



.right-skies-info ul li {padding-left: 9%;margin-bottom: 5%;}



.skies-wrap-image-wrap {



float: left;



width: 40%;



margin: 0 20%;



}



.left-box-info {



margin-left: -7%;



}



.left-box-info ul li {



width: 45%;}



.skies-info ul li {



padding-left: 13%;



margin-bottom: 12%;



}



.right-skies-info ul li {



padding-left: 12%;



margin-bottom: 10%;



}



/**********************************************how-pack-my-suitcase.html started by megha on 26/06/2014*************************************/



.pack-luggage-info ul li{margin-bottom: 31%; padding-left: 15%;}



.right-pack-luggage-info li {padding-left: 15%;margin-bottom: 45%;}



/**********************************************shipping-luggage.html started by megha on 26/06/2014*************************************/



.ship-luggage-image-wrap {float: left;width: 26%;}



.left-box-info {width: 60%;float: right;}



.product-info-wrap {width: 57%;}



/**********************************************why-luggagetoship.html started by megha on 26/06/2014*************************************/



.highlight-points ul li {padding-left: 12%; margin-bottom: 3%;}

}



/* for all 320 portrait screens mobile*/



@media (max-width:290px)
{
.l-work {

width: 100%;
 margin-left:0%; 
}

.banner .header {
height: 156px;
width: 100%;
margin-top: 0%; background:#F7F7F7;
}



.banner .header .headercenter {
width: 100%;
margin-top:-14%;
padding: 0%;
}



.banner .header .headerleft {
width: 100%!important;
float: left;
padding-bottom: 6px;



}



.banner .header .headerright {
width: 100%;
float: left;
padding-bottom: 0.8%;
position: absolute;
margin-left: 0%;
margin-top:52% !important;

}



.flexnav-menu-button {
position: relative;
display: block;



padding: 25px 30px;



cursor: pointer;



background:#F7F7F7; margin-top: 2%;}



.flexnav.show {



max-height: 2000px;



-webkit-transition: 1s;



-moz-transition: 1s;



-o-transition: 1s;



-ms-transition: 1s;



transition: 1s;



z-index: 1500;



margin-top: 2%; border: 1px solid #ccc; margin: 0 0 0 44%;



}



.banner .header .headerleft .logo {
width: 108px;
}

.banner .header .headerright .chat {
float: left;
width: 31%;
margin-top: 3%;
}

.login-register {
overflow: hidden;
list-style: none outside none;
margin: 1% 0% 0px 0px;
width: 62%;
}



.login-register li a {
font-size: 10px;
margin-right: 1%;
}

.login-register li a [class^="icon-"] {
    font-size: 14px;
    margin-right: 4px;
}
.banner .header .headerright .book {
margin-left: 0%; margin-top: -17% !important;
}



.flexnav li:first-child a {



 border-radius: 0px; 



}
.flexnav {width: 97%;
margin: 0px 0% 0 2% !important;}


flexnav li:last-child a {
border-radius:0px;}

.banner .header .headerright .book a{font-size:11px;}

.banner h2 {



/*background: url(../images/h240.png)no-repeat;*/



height: 31px;



width:200px;



margin:40% auto 4% auto;



}



.banner h3 {



/*background: url(../images/h1240.png) no-repeat;*/



height: 26px;



width: 200px;



margin: 0% auto 0% 6%;



}

.search-area {
height: 165px;
padding-left: 0%;
padding-top: 23px;
}

.search-area select {
width: 129px;
font-size: 13px;
}
.l-work .arrow {margin-left: -15px!important;}
.search-area span {
width: 10%;
display: block;
margin: -3% auto 1% auto;
}

.book-now {
margin: 0% auto 0% auto;
}

.l-work .work {
width: 100%;

height: 330px;
}
.l-work h2 {margin: 0% 0% 5% -10%; /*background-image: url(../images/works240.jpg);*/
background-repeat: no-repeat;
height: 22px;
width: 200px;
margin: 0% 0% 5% 0%;}

.l-work .work .folder h4 {
font-size: 10px;
line-height: 20px;
}

.features h2 {margin: 0% 0% 5% 28%;}

.features .feature .fea-img {height:54px; width: 65%;}

footer.main h5 {
font-size: 12px;
}
footer.main .span2{ width:100%;}
.colon{ display:none;}

.list {
height: 100px; margin-left: 23%;
}

.list1 {

height: 65px; margin-left: 23%;

}



.list.list-social {
margin-left: 17%; margin-top: 0%;
height: 100px;



}



.list.list-social li {



width: 20%;



}







footer.main p, footer.main a {



font-size: 11px;}



footer.main .secure ul li .visa {

width: 134px;
height: 110px;
margin-bottom: 3%;
margin-left: 15%;

}



footer.main .secure ul li .left {
width: 130px;
margin-left: 16%;
margin-top: 0%;
}



footer.main .secure ul li .right {
float: none;
width: 70px;
height: 53px;
margin: 0 30%;
}



footer.main .footer-top-area ul {



list-style: none;



text-align: center;



margin: 0px;



}

.divider {
margin-top: 3%;
}

footer.main .secure {



margin-left:1%;



}


.l-work .span3 {
    width: 43%;
}
.l-work .work .folder .work-img img {



width:74%;



margin-top: -5%;



}



.l-work .work .folder .work-img .book {



width: 75%;



margin-top: 4%;



}



.l-work .work .folder .work-img .deliver {



width: 75%;}



.l-work .arrow {



float: left;



margin-left: 0px!important;



margin-top: 8%;



width: 25px;



}



.hsignup {



font-size: 23px;



margin: 25% auto 0 auto;



}







.search-strip h2 {



color: #fff;



margin-left: 0%!important;



font-size: 18px;



font-family: "Arial Narrow";



}



.international-banner {



margin-top: 18%;



}



.international-banner .int-quote {



margin-top: 52%;



font-size: 12px;



}



.international-shipping h2 {
font-size: 20px;
margin-left: 0%;
margin-top: 5%;


}



.hsign{



margin: 27% 0 0 0%;



color: #000;



font-size: 18px;}



.learn {



margin-left:0%!important;



}



.login-group-box .title label {



font-size: 12px;



}





.login_box .login-group-box .iconbox .input-form {



width: 64%;



padding-left: 25%; font-size:9px;



border-radius: 4px;



}



.hluggage {



margin:13% 0 0 0%;



font-size: 20px;}



/**********************************Learn-More added by megha****************************************/



.learn-box{ width:100%;}



.box {height:170px;}



.box p {



height: 65px; font-size:12px;



}



.box h3 {



font-size:14px;



font-weight: bolder;}



.box ul li {



font-size: 10px;}



.box .learn-btn {



width: 70px;



font-size: 10px;}



/*FAQ.html PAGE by megha*/



.banner .heading-login {



margin:30% 0 0 0%; font-size:20px;}

.luggage-track .trackbox input {
    width: 62%;
    font-size: 14px;
}
.learn-area {



height: 308px;



}



.btn-danger { width:40% !important;}







/*css added by chandra on date 23/06/2014 for shipping to school.html*/



.luggage-storage-box ul li{padding-left:20%; padding-bottom:40%;}



.luggage-storage-box h4{line-height:1.4em;}



.luggage-storage-wrap{float:none; width:100%;}



/*css added by chandra on date 23/06/2014 for shipping to school.html*/



/*affiliates page css started by megha on 24/06/2014*/







.affliate-features li {



padding-left: 17%;



margin-bottom: 13%;



margin-left: 0%!important;



font-size: 12.5px;



}



/*contact-us page responsive started by megha on 24/06/2014*/



.contact-inf{width: 100%;}



.seprate {



border-left:none;



padding-left: 3%;



width: 90%;



}



.first-cloumn {



float: left;



width: 100%;}



.second-column {



float: right;



text-align: left;



width:100%;}



.hint-captcha img {



width: 50%;



}



.left-align {



margin-left: 16%;



}



/**********************************************how-pack-golf-club started by megha on 24/06/2014*************************************/



.golf-wrap {



width: 100%; border-right:none;}



.golf-info{ width:100%; margin-left:3%;}



.golf-info ul{margin-left:0%;}



.left-box-info ul li {



width: 75%;}



.golf-info ul li{padding-left: 15%;



margin-bottom: 35%;}



.right-golf-info li{padding-left: 13%;



margin-bottom: 22%;}



.right-golf-info {



margin-left: 0px;



border-right:none;



width:100%;



}



.right-golf-wrap {



float: right; margin-right:0%;



width:100%;



}



.gclub{ width:100%;}



.gclub h4{font-size:18px;}



.right-box-info li{ font-size:10px;}



.right-golf-wrap-image-wrap {



float: right;



width: 20%;



}



.golf-wrap-image-wrap {



float: left;



width: 28%;



}



/**********************************************luggage-store started by megha on 24/06/2014*************************************/



.luggage2-quote{margin-top:70%; font-size:18px;}



.luggage2-storage-box{ margin-bottom:3%;}



.luggage2-storage-box h2 {



color: #1397F1;



font-size: 24px;}



.luggage2-storage-box ul{ margin-left:0%;}



.luggage2-storage-box ul li{padding-left: 15%;



margin-bottom:12%;



font-size: 12px;}



/**********************************************shipping-bike.html started by megha on 24/06/2014*************************************/



.shipbike-quote{ margin-top:15%; font-size: 18px;}



.ship-bike-info ul{ margin-left:0%;}



.ship-bike-info ul li{width: 85%; padding-left:15%;}







 /* css added by chandra for how it works.html on 24/06/2014 */







.adjust .span3 img{           padding-top:10px; padding-bottom: 20px;







}



.luggage-forward h3 {



color: #fe7b00;



font-size: 13px;



font-style: italic;



text-align: center;}



.luggage-box-text h4{



        color: #1397F1;



font-size: 16px;



text-align: center;



font-style: italic;



font-weight: lighter;



}



.luggage-box-text h2{



      font-size: 19px;







text-align: center;



}







.luggage-box-text h3{



  font-size:18px;



  text-align: center;



}



/*  end css added by chandra for how it works.html on 24/06/2014 */



/**********************************************how-pack-my-bike.html started by megha on 25/06/2014*************************************/



.pack-bike-img{padding-right: 0px;float: right;width: 75%;margin: 3% 18% 0 0%;}



.bicycle-info {margin-right: 2%;width: 100%;}



.pack-bike-left-box-info ul li {width: 37%;}



.right-box-info {width: 95%;margin: 0 13%;}



.right-box-info ul{margin-left: -7%;}



.right-box-info ul li{ font-size:12px;}



/**********************************************how-pack-my-skis-snowboard.html started by megha on 25/06/2014*************************************/



.left-box-subtitle{margin-left: 0%;}



.skies-info ul{margin:0;}



.skies-info ul li {



padding-left: 15%;



margin-bottom: 24%;



}



.right-skies-info ul li {



padding-left: 15%;



margin-bottom: 29%;



}



.right-skies-info h4{ font-size:13.5px;}



.right-skies-wrap h4{ font-size:13.5px;}



/**********************************************how-pack-my-suitcase.html started by megha on 26/06/2014*************************************/



.pack-luggage-info ul li{margin-bottom: 66%; padding-left: 18%;}



.right-pack-luggage-info li {padding-left: 19%;margin-bottom: 120%;}



/**********************************************shipping-luggage.html started by megha on 26/06/2014*************************************/



.ship-luggage-quote {margin-top: 18%;font-size: 14px;}



.ship-luggage-info ul{ margin:0;}



.ship-luggage-info ul li {padding-left: 17%;}



/**********************************************why-luggagetoship.html started by megha on 26/06/2014*************************************/



.highlight-points ul li {padding-left: 17%; margin-bottom: 30%;}
.features-adjust {
margin-top: 20%;
}


}

@media (min-width: 1101px) and (max-width: 1200px) 
{
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {width: 100%;}
    #main-content {width: 100%;}
    .banner .header .headercenter {width: 33%!important;}
    .banner .header .headerright {width: 48%!important;}
    .login-register li {font-size:13px;}
    [class*="span"] {margin-left: 2%;}
    .span2 {width: 14%;}
    footer.main .footer-top-area {padding-left: 1%; padding-right: 1%;}
}

@media (min-width: 1051px) and (max-width: 1100px) 
{
    .trip-custom-fifty { width: 50% !important; }
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {width: 100%;}
    .learn-area .container, .learn-area-l .container {padding-left: 0; padding-right: 0;}
    #main-content {width: 100%;}
    .banner .header .headercenter {width: 33%; margin-left: 1%;}
    .banner .header .headerright {width: 50%;}
    .login-register li {font-size:13px;}
    [class*="span"] {margin-left: 2%;}
    .span2 {width: 14%;}
    footer.main .footer-top-area {padding-left: 1%; padding-right: 1%;}
    .row {margin-left: -10px;}
}

@media (min-width: 900px) and (max-width: 990px) 
{
    .trip-custom-fifty { width: 50% !important; }
    .learn-area{ height:300px;}
    .learn-area-l { height:215px; }
    .learn-area .container, .learn-area-l .container, #headcontainer .navbar-wrapper .container {padding-left: 0; padding-right: 0; width: 100%;}
    .container {width: 100%;}
    .banner .heading-login {margin: 2% 0 0 0%; font-size: 45px;}
    .banner .header .headerright{width: 100%!important; float: left; border-top: 2px solid #fe7b00;background: none repeat scroll 0% 0% #0D8EE9;box-shadow: 1px 5px 1px #E6DDDD; padding: 0%;}
    .banner .header .headerright .chat {margin-left: 0%;}
    .banner .header .headerright .book {margin-left: 82%!important;}
    .login-register {width: 26%!important;float: left;margin-left: 53% /*45%*/; margin-top: 1%;}
    .banner .header .headerleft {
        width:39%!important;
        float: left;
    }
    .learn-area-l .banner .header .headerleft {
        width:39%!important;
        float: left;
    }
    .banner .header .headercenter {
    width: 357.5px; margin-left:2%;}
    .login-register li:first-child {
    font-size:22px;
    letter-spacing: 1px;
    margin-right: 30px;
    }
    .login-register li {
    font-size: 14px;
    padding: 5px 35px 0px 0px;
    }
    #main-content {width: 100%;}
    /* footer custom changes */
    .row {margin-left: 0;}
    .span2 {width: 140px;}
    [class*="span"] {margin-left: 1%;}
    .navbar-collapse .my-custom-menu .my-contents {margin-left: 10%;}
}

@media (min-width: 811px) and (max-width: 899px) 
{
    .trip-custom-fifty { width: 100% !important; }
    .learn-area{ height:300px;}
    .learn-area-l { height:215px; }
    .learn-area .container, .learn-area-l .container, #headcontainer .navbar-wrapper .container {padding-left: 0; padding-right: 0; width: 100%;}
    .container {width: 100%;}
    .banner .heading-login {margin: 2% 0 0 0%; font-size: 45px;}
    .banner .header .headerright{width: 100%!important; float: left; border-top: 2px solid #fe7b00;background: none repeat scroll 0% 0% #0D8EE9;box-shadow: 1px 5px 1px #E6DDDD; padding: 0%;}
    .banner .header .headerright .chat {margin-left: 0%;}
    .banner .header .headerright .book {margin-left: 82%!important;}
    .login-register {width: 28%!important;float: left;margin-left: 51% /*45%*/; margin-top: 1%;}
    .banner .header .headerleft {
        width:39%!important;
        float: left;
    }
    .learn-area-l .banner .header .headerleft {
        width:28%!important;
        float: left;
    }
    .banner .header .headercenter {
    width: 357.5px; margin-left:2%;}
    .login-register li:first-child {
    font-size:22px;
    letter-spacing: 1px;
    margin-right: 30px;
    }
    .login-register li {
    font-size: 14px;
    padding: 5px 35px 0px 0px;
    }
    #main-content {width: 100%;}
    /* footer custom changes */
    .row {margin-left: 0;}
    .span2 {width: 140px;}
    [class*="span"] {margin-left: 1%;}
    .form_commonbox .inpchkbox {margin-top: 3%;}
    .repeat.timing {height: auto;}
    .navbar-collapse .my-custom-menu .my-contents {margin-left: 2%;}
}

@media (min-width: 768px) and (max-width: 810px) 
{
    .trip-custom-fifty { width: 100% !important; }
    .learn-area{ height:250px;}
    .learn-area-l { height:190px; }
    .learn-area .container, .learn-area-l .container, #headcontainer .navbar-wrapper .container {padding-left: 0; padding-right: 0; width: 100%;}
    .container {width: 100%;padding-left: 0; padding-right: 0;}
    .banner .heading-login {
        margin: 13% 0 0 0%;
        line-height: 35px;
        position: absolute;
        font-size: 40px;
    }
    .banner .header .headerright{width: 100%!important; float: left; border-top: 2px solid #fe7b00;background: none repeat scroll 0% 0% #0D8EE9;box-shadow: 1px 5px 1px #E6DDDD; padding: 0%;}
    /*.banner .header .headerright .chat {margin-left: 0%;}*/
    .banner .header .headerright .book {
        margin-left: 35%!important;
        position: absolute;
        margin-top: -6%;
        width: 25%;
    }
    .learn-area-l .banner .header .headerright .book {
        margin-left: 35%!important;
        position: absolute;
        margin-top: -7%;
        width: 25%;
    }
    .learn-area-l .banner .header .dashcenter {width: 19%!important;}
    .login-register {
        width: 31%!important;float: left; /*margin-top: 1%;*/
        overflow: hidden;
        list-style: none;
        margin-left: 52%;
    }
    .login-register li:first-child {
        font-size:17px;
        letter-spacing: 1px;
        margin-right: 0px!important;
        padding-right: 34px;
    }
    .login-register li {
        font-size: 14px;
        padding: 5px 35px 0px 0px;
    }
    .banner .header .headerleft {
        width:17%!important;
        float: left;
    }
    .learn-area-l .banner .header .headerleft {
        width:19%!important;
        float: left;
    }
    .flexnav-menu-button {
        position: relative;
        display: block;
        padding: 25px 30px;
        cursor: pointer;
        background: none;
        /* background: #F7F7F7; */
        margin-top: 2%;
    }
    .flexnav-menu-button .touch-button {
        background: none;
        width: 58px;
        right: -10px!important;
        height: 30px;
        line-height: 50px;
        font-size: 30px;
        color: #fe7b00;
        border-radius: 50%;
        margin-top: 3px;
        display: block;
        border: none;
    }
    .flexnav-menu-button .touch-button:hover{ color:#0D8EE9;}
    .flexnav {
        overflow: hidden;
        /* width: 82%; */
        width: 23%;
        margin: 0 auto;
        max-height: 0;
        border-radius: 0!important;
        background: rgb(247, 247, 247);
        border-left: 1px solid #ECE8E8;
        border-right: 1px solid #ECE8E8;
    }
    .flexnav li {
        display: block;
        width: 100%;
        overflow: hidden;
        position: relative;
        border-left: 0px;
        z-index: 1000;
    }
    .flexnav li a {
        border-bottom: 1px solid #e6e6e6;
        padding: 15px 22.5px;
        color: #595959 !important;
        background: rgb(250, 250, 250);
    }
    .flexnav li:last-child a {border-radius: 0;}
    .banner .header .headercenter {margin-right: 1%;}
    
    #main-content {width: 100%;}
    /* footer custom changes */
    .row {margin-left: 0;}
    .span2 {width: 140px;}
    [class*="span"] {margin-left: 1%;}
    .form_commonbox .inpchkbox {margin-top: 3%;}
    .repeat.timing {height: auto;}
    
    .step1-destination, .step1-destination-next {
        width: 49%;
        float: left;
        min-height: 300px;
        height: auto;
    }
    .step2-pickup, .step2-pickup-next {
        float: left;
        width: 49%;
        margin: 0 0 0 2%;
    }
    .step1-destination-next { min-height: 240px; }
    .step2-pickup-next { min-height: 240px; }
    .navbar-collapse .my-custom-menu .my-contents1 {margin: 1% 0 0 18%;}
    .navbar-collapse .my-custom-menu .my-contents2 {margin-top: 1%;}
    // booking order page
    .btn-mail-shiplabel { font-size: 11px; }
    .pickup-msg { font-size: 11px; }
}

@media (min-width: 641px) and (max-width: 767px) 
{
    .trip-custom-fifty { width: 100% !important; }
    .top-area {height: auto;}
    .learn-area{ height:250px;}
    .learn-area-l { height:190px; }
    .learn-area .container, .learn-area-l .container, #headcontainer .navbar-wrapper .container {padding-left: 0; padding-right: 0; width: 100%;}
    .container {width: 100%;padding-left: 0; padding-right: 0;}
    .banner .heading-login {
        margin: 13% 0 0 0%;
        line-height: 35px;
        position: absolute;
        font-size: 40px;
    }
    .banner .header .headerright{width: 100%!important; float: left; border-top: 2px solid #fe7b00;background: none repeat scroll 0% 0% #0D8EE9;box-shadow: 1px 5px 1px #E6DDDD; padding: 0%;}
    /*.banner .header .headerright .chat {margin-left: 0%;}*/
    .learn-area-l .banner .header .dashcenter {width: 19%!important;}
    .banner .header .headerright .book {
        margin-left: 35%!important;
        position: absolute;
        margin-top: -6%;
        width: 25%;
    }
    .login-register {
        overflow: hidden;
        list-style: none outside none;
        margin: 1% 0% 0px 0px;
        width: 38%;
        float: right;
        text-align: right;
    }
    .login-register li:first-child {
        font-size:22px;
        letter-spacing: 1px;
        margin-right: 35px!important;
    }
    .login-register li {
        font-size: 14px;
        padding: 5px 35px 0px 0px;
    }
    .banner .header .headerleft {
        width:17%!important;
        float: left;
    }
    .learn-area-l .banner .header .headerleft {
        width:17%!important;
        float: left;
    }
    .flexnav-menu-button {
        position: relative;
        display: block;
        padding: 25px 30px;
        cursor: pointer;
        background: none;
        /* background: #F7F7F7; */
        margin-top: 2%;
    }
    .flexnav-menu-button .touch-button {
        background: none;
        width: 58px;
        right: -10px!important;
        height: 30px;
        line-height: 50px;
        font-size: 30px;
        color: #fe7b00;
        border-radius: 50%;
        margin-top: 3px;
        display: block;
        border: none;
    }
    .flexnav-menu-button .touch-button:hover{ color:#0D8EE9;}
    .flexnav {
        overflow: hidden;
        /* width: 82%; */
        width: 32%;
        margin: 0 auto;
        max-height: 0;
        border-radius: 0!important;
        background: none;
        border-left: 1px solid #ECE8E8;
        border-right: 1px solid #ECE8E8;
    }
    .flexnav li {
        display: block;
        width: 100%;
        overflow: hidden;
        position: relative;
        border-left: 0px;
        z-index: 1000;
    }
    .flexnav li a {
        border-bottom: 1px solid #e6e6e6;
        padding: 15px 22.5px;
        color: #595959 !important;
        background: rgb(250, 250, 250);
    }
    .flexnav li:last-child a {border-radius: 0;}
    .banner .header .headercenter {margin-right: 1%;}
    
    #main-content {width: 100%;}
    /* footer custom changes */
    .row {margin-left: 0;}
    .span2 {width: 140px;}
    [class*="span"] {margin-left: 1%;}
    .form_commonbox .inpchkbox {margin-top: 3%;}
    .repeat.timing {height: auto;}
    
    .step1-destination, .step1-destination-next {
        width: 49%;
        float: left;
        min-height: 300px;
        height: auto;
    }
    .step2-pickup, .step2-pickup-next {
        float: left;
        width: 49%;
        margin: 0 0 0 2%;
    }
    .step1-destination-next { min-height: 240px; }
    .step2-pickup-next { min-height: 240px; }
    .navbar-collapse .my-custom-menu .my-contents {margin-left: 10%;}
    .navbar-collapse .my-custom-menu .my-contents1 {margin: 1% 0 0 18%;}
    .navbar-collapse .my-custom-menu .my-contents2 {margin-top: 1%;}
}

@media (min-width: 500px) and (max-width: 640px) 
{
    .trip-custom-fifty { width: 100% !important; }
    .learn-area{ height:250px;}
    .learn-area .container, .learn-area-l .container {padding-left: 0; padding-right: 0; width: 100%;}
    .container {width: 100%;padding-left: 0; padding-right: 0;}
    .banner .heading-login {
        margin: 13% 0 0 0%;
        line-height: 35px;
        position: absolute;
        font-size: 40px;
    }
    .banner .header .headerright{width: 100%; float: left; border-top: 2px solid #fe7b00;background: none repeat scroll 0% 0% #0D8EE9;box-shadow: 1px 5px 1px #E6DDDD; padding: 0%;}
    /*.banner .header .headerright .chat {margin-left: 0%;}*/
    .banner .header .headerright .book {
        margin-left: 35%!important;
        position: absolute;
        margin-top: -6%;
        width: 32%;
    }
    .login-register {
        overflow: hidden;
        list-style: none outside none;
        margin: 1% 0% 0px 0px;
        width: 48%!important;
        float: right;
        text-align: right;
    }
    .login-register li:first-child {
        font-size:22px;
        letter-spacing: 1px;
        margin-right: 35px!important;
    }
    .login-register li {
        font-size: 14px;
        padding: 5px 35px 0px 0px;
    }
    .banner .header .headerleft {
        width:21%!important;
        float: left;
    }
    .flexnav-menu-button {
        position: relative;
        display: block;
        padding: 25px 30px;
        cursor: pointer;
        background: none;
        /* background: #F7F7F7; */
        margin-top: 2%;
    }
    .flexnav-menu-button .touch-button {
        background: none;
        width: 58px;
        right: -10px!important;
        height: 30px;
        line-height: 50px;
        font-size: 30px;
        color: #fe7b00;
        border-radius: 50%;
        margin-top: 3px;
        display: block;
        border: none;
    }
    .flexnav-menu-button .touch-button:hover{ color:#0D8EE9;}
    .flexnav {
        overflow: hidden;
        /* width: 82%; */
        width: 32%;
        margin: 0 auto;
        max-height: 0;
        border-radius: 0!important;
        background: none;
        border-left: 1px solid #ECE8E8;
        border-right: 1px solid #ECE8E8;
    }
    .flexnav li {
        display: block;
        width: 100%;
        overflow: hidden;
        position: relative;
        border-left: 0px;
        z-index: 1000;
    }
    .flexnav li a {
        border-bottom: 1px solid #e6e6e6;
        padding: 15px 22.5px;
        color: #595959 !important;
        background: rgb(250, 250, 250);
    }
    .flexnav li:last-child a {border-radius: 0;}
    .banner .header .headercenter {margin-right: 1%;}
    
    #main-content {width: 100%;}
    /* footer custom changes */
    .row {margin-left: 0;}
    .span2 {width: 140px;}
    [class*="span"] {margin-left: 1%;}
    .form_commonbox .inpchkbox {margin-top: 3%;}
    .repeat.timing {height: auto;}
    
    .lug-bag-box-total {width: 60%;}
    .lug-sp-size-title {margin-left: 25%;}
    
    .step1-destination, .step1-destination-next {
        width: 100%;
        float: left;
        min-height: 300px;
        height: auto;
    }
    .step2-pickup, .step2-pickup-next {
        float: left;
        width: 100%;
        margin: 2% 0 0 0;
    }
    .step1-destination-next { min-height: 240px; }
    .step2-pickup-next { min-height: 240px; }
}

@media (min-width: 400px) and (max-width: 499px) 
{
    .trip-custom-fifty { width: 100% !important; }
    .learn-area{ height:250px;}
    .learn-area .container, .learn-area-l .container {padding-left: 0; padding-right: 0; width: 100%;}
    .container {width: 100%;padding-left: 0; padding-right: 0;}
    .banner .heading-login {
        margin: 19% 0 0 0%;
        line-height: 35px;
        position: absolute;
        font-size: 40px;
    }
    .banner .header .headerright{width: 100%; float: left; border-top: 2px solid #fe7b00;background: none repeat scroll 0% 0% #0D8EE9;box-shadow: 1px 5px 1px #E6DDDD; padding: 0%;}
    /*.banner .header .headerright .chat {margin-left: 0%;}*/
    .banner .header .headerright .book {
        margin-left: 35%!important;
        position: absolute;
        margin-top: -6%;
        width: 36%;
    }
    .login-register {
        overflow: hidden;
        list-style: none outside none;
        margin: 1% 0% 0px 0px;
        width: 48%!important;
        float: right;
        text-align: left;
    }
    .login-register li:first-child {
        font-size:22px;
        letter-spacing: 1px;
        /*margin-right: 35px!important;*/
    }
    .login-register li {
        font-size: 14px;
        padding: 5px 35px 0px 0px;
    }
    .banner .header .headerleft {
        width:23%!important;
        float: left;
    }
    .flexnav-menu-button {
        position: relative;
        display: block;
        padding: 25px 30px;
        cursor: pointer;
        background: none;
        /* background: #F7F7F7; */
        margin-top: 2%;
    }
    .flexnav-menu-button .touch-button {
        background: none;
        width: 58px;
        right: -10px!important;
        height: 30px;
        line-height: 50px;
        font-size: 30px;
        color: #fe7b00;
        border-radius: 50%;
        margin-top: 3px;
        display: block;
        border: none;
    }
    .flexnav-menu-button .touch-button:hover{ color:#0D8EE9;}
    .flexnav {
        overflow: hidden;
        /* width: 82%; */
        width: 32%;
        margin: 0 auto;
        max-height: 0;
        border-radius: 0!important;
        background: none;
        border-left: 1px solid #ECE8E8;
        border-right: 1px solid #ECE8E8;
        padding-left: 0;
    }
    .flexnav li {
        display: block;
        width: 100%;
        overflow: hidden;
        position: relative;
        border-left: 0px;
        z-index: 1000;
    }
    .flexnav li a {
        border-bottom: 1px solid #e6e6e6;
        padding: 15px 22.5px;
        color: #595959 !important;
        background: rgb(250, 250, 250);
    }
    .flexnav li:last-child a {border-radius: 0;}
    .banner .header .headercenter {margin-right: 1%;}
    
    #main-content {width: 100%;}
    /* footer custom changes */
    .row {margin-left: 0;}
    .span2 {width: 140px;}
    [class*="span"] {margin-left: 1%;}
    .form_commonbox .inpchkbox {margin-top: 3%;}
    .repeat.timing {height: auto;}
    
    .lug-bag-box-total {width: 60%;}
    .lug-sp-size-title {margin-left: 25%;}
    .user_mainform .add_top {font-size: 13px;}
    .pblue {margin-left: 12%;}
    .main_lts-inner {width: 100%;}
}

@media (min-width: 350px) and (max-width: 399px) 
{
    .trip-custom-fifty { width: 100% !important; }
    .learn-area{ height:250px;}
    .learn-area .container, .learn-area-l .container {padding-left: 0; padding-right: 0; width: 100%;}
    .container {width: 100%;padding-left: 0; padding-right: 0;}
    .banner .heading-login {
        margin: 19% 0 0 0%;
        line-height: 35px;
        position: absolute;
        font-size: 30px;
    }
    .banner .header .headerright{width: 100%; float: left; border-top: 2px solid #fe7b00;background: none repeat scroll 0% 0% #0D8EE9;box-shadow: 1px 5px 1px #E6DDDD; padding: 0%;}
    /*.banner .header .headerright .chat {margin-left: 0%;}*/
    .banner .header .headerright .book {
        margin-left: 35%!important;
        position: absolute;
        margin-top: -6%;
        width: 42%;
    }
    .login-register {
        overflow: hidden;
        list-style: none outside none;
        margin: 1% 0% 0px 0px;
        width: 55%!important;
        float: right;
        text-align: left;
    }
    .login-register li:first-child {
        font-size:22px;
        letter-spacing: 1px;
        /*margin-right: 35px!important;*/
    }
    .login-register li {
        font-size: 14px;
        padding: 5px 35px 0px 0px;
    }
    .banner .header .headerleft {
        width:28%!important;
        float: left;
    }
    .flexnav-menu-button {
        position: relative;
        display: block;
        padding: 25px 30px;
        cursor: pointer;
        background: none;
        /* background: #F7F7F7; */
        margin-top: 2%;
    }
    .flexnav-menu-button .touch-button {
        background: none;
        width: 58px;
        right: -10px!important;
        height: 30px;
        line-height: 50px;
        font-size: 30px;
        color: #fe7b00;
        border-radius: 50%;
        margin-top: 3px;
        display: block;
        border: none;
    }
    .flexnav-menu-button .touch-button:hover{ color:#0D8EE9;}
    .flexnav {
        overflow: hidden;
        /* width: 82%; */
        width: 32%;
        margin: 0 auto;
        max-height: 0;
        border-radius: 0!important;
        background: none;
        border-left: 1px solid #ECE8E8;
        border-right: 1px solid #ECE8E8;
        padding-left: 0;
    }
    .flexnav li {
        display: block;
        width: 100%;
        overflow: hidden;
        position: relative;
        border-left: 0px;
        z-index: 1000;
    }
    .flexnav li a {
        border-bottom: 1px solid #e6e6e6;
        padding: 15px 22.5px;
        color: #595959 !important;
        background: rgb(250, 250, 250);
    }
    .flexnav li:last-child a {border-radius: 0;}
    .banner .header .headercenter {margin-right: 1%;}
    
    #main-content {width: 100%;}
    /* footer custom changes */
    .row {margin-left: 0;}
    .span2 {width: 140px;}
    [class*="span"] {margin-left: 1%;}
    .form_commonbox .inpchkbox {margin-top: 3%;}
    .repeat.timing {height: auto;}
    
    .lug-bag-box-total {width: 60%;}
    .lug-sp-size-title {margin-left: 25%;}
    .user_mainform .add_top {font-size: 13px;}
    .pblue {margin-left: 12%;}
    .main_lts-inner {width: 100%;}
}

@media (min-width: 300px) and (max-width: 349px) 
{
    .trip-custom-fifty { width: 100% !important; }
    .learn-area{ height:250px;}
    .learn-area .container, .learn-area-l .container {padding-left: 0; padding-right: 0; width: 100%;}
    .container {width: 100%;padding-left: 0; padding-right: 0;}
    .banner .heading-login {
        margin: 22% 0 0 0%;
        line-height: 35px;
        position: absolute;
        font-size: 30px;
    }
    .banner .header .headerright{width: 100%; float: left; border-top: 2px solid #fe7b00;background: none repeat scroll 0% 0% #0D8EE9;box-shadow: 1px 5px 1px #E6DDDD; padding: 0%;}
    /*.banner .header .headerright .chat {margin-left: 0%;}*/
    .banner .header .headerright .book {
        margin-left: 35%!important;
        position: absolute;
        margin-top: -6%;
        width: 46%;
    }
    .login-register {
        overflow: hidden;
        list-style: none outside none;
        margin: 1% 0% 0px 0px;
        width: 58%!important;
        float: right;
        text-align: left;
    }
    .login-register li:first-child {
        font-size:22px;
        letter-spacing: 1px;
        /*margin-right: 35px!important;*/
    }
    .login-register li {
        font-size: 14px;
        padding: 5px 35px 0px 0px;
    }
    .banner .header .headerleft {
        width:28%!important;
        float: left;
    }
    .flexnav-menu-button {
        position: relative;
        display: block;
        padding: 25px 30px;
        cursor: pointer;
        background: none;
        /* background: #F7F7F7; */
        margin-top: 2%;
    }
    .flexnav-menu-button .touch-button {
        background: none;
        width: 58px;
        right: -10px!important;
        height: 30px;
        line-height: 50px;
        font-size: 30px;
        color: #fe7b00;
        border-radius: 50%;
        margin-top: 3px;
        display: block;
        border: none;
    }
    .flexnav-menu-button .touch-button:hover{ color:#0D8EE9;}
    .flexnav {
        overflow: hidden;
        /* width: 82%; */
        width: 32%;
        margin: 0 auto;
        max-height: 0;
        border-radius: 0!important;
        background: none;
        border-left: 1px solid #ECE8E8;
        border-right: 1px solid #ECE8E8;
        padding-left: 0;
    }
    .flexnav li {
        display: block;
        width: 100%;
        overflow: hidden;
        position: relative;
        border-left: 0px;
        z-index: 1000;
    }
    .flexnav li a {
        border-bottom: 1px solid #e6e6e6;
        padding: 15px 22.5px;
        color: #595959 !important;
        background: rgb(250, 250, 250);
    }
    .flexnav li:last-child a {border-radius: 0;}
    .banner .header .headercenter {margin-right: 1%;}
    
    #main-content {width: 100%;}
    /* footer custom changes */
    .row {margin-left: 0;}
    .span2 {width: 140px;}
    [class*="span"] {margin-left: 1%;}
    .form_commonbox .inpchkbox {margin-top: 3%;}
    .repeat.timing {height: auto;}
    
    .lug-bag-box-total {width: 60%;}
    .lug-sp-size-title {margin-left: 15%;}
    .user_mainform .add_top {font-size: 12px;}
    .pblue {margin-left: 12%;}
    .main_lts-inner {width: 100%;}
}

@media (max-width: 979px) and (min-width: 768px)
{
    .span2 {width: 104px;}
    [class*="span"] {margin-left: 20px;}
}

@media (max-width: 800px)
{
    .user_mainform .information_main .trip_info {width: 100%;}
    .user_mainform .information_main .rs_box {width: 100%;}
}