/*Responsive work by Shoaib*/
@media (min-width:320px) and (max-width: 480px)  and (-webkit-min-device-pixel-ratio: 2){ /* smartphones, iPhone, portrait 480x320 phones */
    .rightColumn, .destinationFastFacts,
    .bannerBlock, .bannerBlock img,.destinationFastFacts
    .introText, .destinationWeather,
    .bookingOptions,.destinationMapCanvas,.wrapper,
    .packageResults .packageResultBlock .info,.packageResults .packageResultBlock .selectedFlight
    {
        width: 100% !important; 
    } 
    .destinationFastFacts span {
        width: 25% !important;  
    }
    .destinationWeather .weatherIcon {
        width: 8.333333333333% !important;  
        margin: 0px !important;
        background-position: center top !important;
    }
    .bookingOptions span {
        margin: 0 auto;
        width: 100%;
    }
    .destinationFastFacts span.timeDifference,  .destinationFastFacts span.flightTime,
    .destinationFastFacts span.temperature, .destinationFastFacts span.currency {
        left: 30px !important;
        position: relative !important; 
        width: 30% !important; 
        display: inline-block !important;
    }
    .destinationFastFacts span.timeDifference,  .destinationFastFacts span.flightTime {
        top: 10px !important;
    }

    .destinationFastFacts span {
        display: inline-block !important;
        float: left;
    } 
    .destinationFastFacts .introText {
        left: 0px !important;
    }
    .destinationPageHeader select {
        clear: both;
        position: relative !important; 
        width: 100% !important;
    }
    .introText,.destLinksList, .destLinksList,.destLinksIntro {display: none !important;} 
    .destinationFastFacts {
        height: 140px !important;
    } 
    .bookingOptions {
        height: 120px !important;
    }
	.bookingOptions .branch { left: 10% !important;}
    .bookingOptions .phone {
        left: 10% !important;
        position: absolute !important;
        top: 60px !important;
    }
    .bookingOptions .email {
        left: 60% !important;
        position: absolute !important;
        top: 60px !important;
    }
    .bookingOptions .online {
        left: 60% !important;
    }
    .packageResults .packageResultBlock .image img {
        width: 100% !important;
        border-top: 1px solid #BCBEC0;
        padding-top: 10px;
    }
    .packageResults .packageResultBlock .image {
        width: 100% !important;

        margin-top: 10px;
    }
    .packageResults .packageResultBlock .image .bookBtn {
        left: 0  !important; 
        width: 100%  !important; 
    }
    .packageResults .packageResultBlock .image .pinkBox {
        top: 10px !important;
        background: rgba(255, 255, 255, 0.6) !important;
        padding: 10px !important;
    }
    .flightChangeLink {
        top: 65px !important;
    } 
    .packageResults .packageResultBlock .selectedFlight { 
        height: 80px !important;
    }
}
@media (min-width:481px) and (max-width: 640px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
    .rightColumn, .destinationFastFacts,
    .bannerBlock, .bannerBlock img,.destinationFastFacts
    .introText, .destinationWeather,
    .bookingOptions,.destinationMapCanvas,.wrapper,
    .packageResults .packageResultBlock .info,.packageResults .packageResultBlock .selectedFlight
    {
        width: 100% !important; 
    } 
    .destinationFastFacts span {
        width: 25% !important;  
    }
    .destinationWeather .weatherIcon {
        width: 8.333333333333% !important;  
        margin: 0px !important;
        background-position: center top !important;
    }
    .bookingOptions span {
        margin: 0 auto;
    }
    .destinationFastFacts span.timeDifference,  .destinationFastFacts span.flightTime,
    .destinationFastFacts span.temperature, .destinationFastFacts span.currency {
        left: 30px !important;
        position: relative !important; 
        width: 15% !important; 
        display: inline-block !important;
    }
    .destinationFastFacts span {
        display: inline-block !important;
        float: left;
    } 
    .destinationFastFacts .introText {
        left: 0px !important;
    }
    .destinationFastFacts { 
        height: 110px !important; 
    }
    .bookingOptions {
        height: 120px !important;
    }
    .bookingOptions .phone {
        left: 20% !important;
        position: absolute !important;
        top: 60px !important;
    }
    .bookingOptions .email {
        left: 60% !important;
        position: absolute !important;
        top: 60px !important;
    }
    .bookingOptions .online {
        left: 60% !important;
    }
    .bookingOptions .branch {
        left: 20% !important;
    }
    .packageResults .packageResultBlock .image img {
        width: 100% !important;
        border-top: 1px solid #BCBEC0;
        padding-top: 10px;
    }
    .packageResults .packageResultBlock .image {
        width: 100% !important;

        margin-top: 10px;
    }
    .packageResults .packageResultBlock .image .bookBtn {
        left: 0  !important; 
        width: 100%  !important; 
    }
    .packageResults .packageResultBlock .image .pinkBox {
        top: 10px !important;
        background: rgba(255, 255, 255, 0.6) !important;
        padding: 10px !important;
    }
    .flightChangeLink {
        right: 0 !important;
    } 
}
@media (min-width:641px) and (max-width: 960px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
    .rightColumn, .destinationFastFacts,
    .bannerBlock, .bannerBlock img,.destinationFastFacts
    .introText, .destinationWeather,
    .bookingOptions,.destinationMapCanvas,.wrapper,
    .packageResults .packageResultBlock .info,.packageResults .packageResultBlock .selectedFlight
    {
        width: 100% !important; 
    } 
    .destinationFastFacts span {
        width: 25% !important;  
    }
    .destinationWeather .weatherIcon {
        width: 8.333333333333% !important;  
        margin: 0px !important;
        background-position: center top !important;
    }
    .bookingOptions span {
        margin: 0 auto;
    }
    .destinationFastFacts span.timeDifference,  .destinationFastFacts span.flightTime,
    .destinationFastFacts span.temperature, .destinationFastFacts span.currency {
        left: 30px !important;
        position: relative !important; 
        width: 15% !important; 
        display: inline-block !important;
    }
    .destinationFastFacts span {
        display: inline-block !important;
        float: left;
    } 
    .destinationFastFacts .introText {
        left: 0px !important;
    }
    .destinationFastFacts { 
        height: 110px !important; 
    }
    .bookingOptions {
        height: 120px !important;
    }
    .bookingOptions .phone {
        left: 20% !important;
        position: absolute !important;
        top: 60px !important;
    }
    .bookingOptions .email {
        left: 60% !important;
        position: absolute !important;
        top: 60px !important;
    }
    .bookingOptions .online {
        left: 60% !important;
    }
    .bookingOptions .branch {
        left: 20% !important;
    }
    .packageResults .packageResultBlock .image img {
        width: 100% !important;
        border-top: 1px solid #BCBEC0;
        padding-top: 10px;
    }
    .packageResults .packageResultBlock .image {
        width: 100% !important;

        margin-top: 10px;
    }
    .packageResults .packageResultBlock .image .bookBtn {
        left: 0  !important; 
        width: 100%  !important; 
    }
    .packageResults .packageResultBlock .image .pinkBox {
        top: 10px !important;
        background: rgba(255, 255, 255, 0.6) !important;
        padding: 10px !important;
    }
    .flightChangeLink {
        right: 0 !important;
    } 
}
@media (min-width:961px)  and (max-width: 1024px){ /* tablet, landscape iPad, lo-res laptops ands desktops */ 
    .rightColumn, .destinationFastFacts,
    .bannerBlock, .bannerBlock img,.destinationFastFacts
    .introText, .destinationWeather,
    .bookingOptions,.destinationMapCanvas
    {
        width: 100% !important; 
    } 
    .destinationFastFacts span {
        width: 25% !important;  
    }
    .destinationWeather .weatherIcon {
        width: 8.333333333333% !important;  
        margin: 0px !important;
        background-position: center top !important;
    }
    .bookingOptions span {
        margin: 0 auto;
    }
    .destinationFastFacts span.timeDifference,  .destinationFastFacts span.flightTime,
    .destinationFastFacts span.temperature, .destinationFastFacts span.currency {
        left: 70px !important;
        position: relative !important; 
        width: 19% !important; 
        display: inline-block !important;
    }
    .destinationFastFacts span {
        display: inline-block !important;
        float: left;
    } 
    .packageResults .packageResultBlock .info {
        width: 70% !important;
    }
    .packageResults .hotelResultPageNumbers { 
        padding: 10px;
    }
}