@charset "utf-8";
/*******************************
* MYBT stylesheet
* Author: Gaurav Gagan
* Start Date: 04/07/2016
*******************************/
/* Override for document width breakpoint variations */
/*
*** @media (min-width: 378px) {}
*** @media (min-width: 480px) {}
*** @media (min-width: 768px) {}
*** @media (min-width: 820px) {}
*** @media (min-width: 927px) {}
*** @media (min-width: 964px) {}
*** @media (min-width: 980px) {}
*** @media (min-width: 1000px) {}
*** @media (min-width: 1220px) {}
*/

/***Recommended Start***/
.recommedation-header {margin-top:30px; margin-bottom:30px;}
.recommendation-card .recommendation-col {margin-bottom: 20px; background-color: #F6F6F6;}
.broadband-offer { background: url("/static/includes/account/ng_mypackages/img/P_E_Reccs_MobBreakpoint_Broadband.png") no-repeat right bottom;     height: 285px; padding: 20px 0 20px 20px;}
.tv-offer { background: url("/static/includes/account/ng_mypackages/img/P_E_Reccs_MobBreakpoint_TV.png") no-repeat right bottom;     height: 285px; padding: 20px 0 20px 20px;}
.sim-offer { background: url("/static/includes/account/ng_mypackages/img/P_E_Reccs_MobBreakpoint_SIM.png") no-repeat right bottom;     height: 285px; padding: 20px 0 20px 20px;}
.sport-offer { background: url("/static/includes/account/ng_mypackages/img/P_E_Reccs_MobBreakpoint_Sport.png") no-repeat right bottom;     height: 285px; padding: 20px 0 20px 20px;}
.handset-offer { background: url("/static/includes/account/ng_mypackages/img/P_E_Reccs_MobBreakpoint_Mobile.png") no-repeat right bottom;     height: 285px; padding: 20px 0 20px 20px;}
.vas-banner { background: url("/static/includes/account/ng_mypackages/img/extras-bb-small.png") no-repeat right bottom;     height: 285px; padding: 20px 0 20px 20px;     background-size: 48%;}
.vas-phone-banner { background: url("/static/includes/account/ng_mypackages/img/extras-phone-small.png") no-repeat right bottom;     height: 285px; padding: 20px 0 20px 20px;     background-size: 48%;}
.recommendation-content {width:100%; padding-right: 20px;}
.link-wrap { display: block; border: solid 1px #d63181; border-radius: 7px; padding: 8px; margin-top: 30px; width: 120px;}
/***Recommended End***/


@media (min-width: 768px){

    /**Recommendation */

    .broadband-offer { background: #f6f6f6 url("/static/includes/account/ng_mypackages/img/P_E_Reccs_Tablet_DesktopBreakpoint_FullWidth_Broadband.png") no-repeat right  bottom; height: 240px;}
    .broadband-offer.halfwidth { background: #f6f6f6 url("/static/includes/account/ng_mypackages/img/P_E_Reccs_Tablet_DesktopBreakpoint_HalfWidth_Broadband.png") no-repeat right  bottom;}

    .tv-offer { background: #f6f6f6 url("/static/includes/account/ng_mypackages/img/P_E_Reccs_Tablet_DesktopBreakpoint_FullWidth_TV.png") no-repeat right bottom; height: 240px;}
    .tv-offer.halfwidth { background: #f6f6f6 url("/static/includes/account/ng_mypackages/img/P_E_Reccs_Tablet_DesktopBreakpoint_HalfWidth_TV.png") no-repeat right bottom;}

    .sim-offer { background: #f6f6f6 url("/static/includes/account/ng_mypackages/img/P_E_Reccs_Tablet_DesktopBreakpoint_FullWidth_SIM.png") no-repeat right bottom; height: 240px;}
    .sim-offer.halfwidth { background: #f6f6f6 url("/static/includes/account/ng_mypackages/img/P_E_Reccs_Tablet_DesktopBreakpoint_HalfWidth_SIM.png") no-repeat right bottom; }

    .sport-offer { background: #f6f6f6 url("/static/includes/account/ng_mypackages/img/P_E_Reccs_Tablet_DesktopBreakpoint_FullWidth_Sport.png") no-repeat right bottom; height: 240px;}
    .sport-offer.halfwidth { background:#f6f6f6 url("/static/includes/account/ng_mypackages/img/P_E_Reccs_Tablet_DesktopBreakpoint_HalfWidth_Sport.png") no-repeat right bottom; }

    .handset-offer { background: #f6f6f6 url("/static/includes/account/ng_mypackages/img/P_E_Reccs_Tablet_DesktopBreakpoint_FullWidth_Mobile.png") no-repeat right bottom; height: 240px;}
    .handset-offer.halfwidth { background: #f6f6f6 url("/static/includes/account/ng_mypackages/img/P_E_Reccs_Tablet_DesktopBreakpoint_HalfWidth_Mobile.png") no-repeat right bottom; }
    
    .vas-banner { background: #f6f6f6 url("/static/includes/account/ng_mypackages/img/extras-bb.png") no-repeat right bottom; height: 240px; background-size: 28%;}
    .vas-banner.halfwidth { background: #f6f6f6 url("/static/includes/account/ng_mypackages/img/extras-bb.png") no-repeat right bottom;background-size: 38%; }
    
    .vas-phone-banner { background: #f6f6f6 url("/static/includes/account/ng_mypackages/img/extras-phone.png") no-repeat right bottom; height: 240px; background-size: 20%;}
    .vas-phone-banner.halfwidth { background: #f6f6f6 url("/static/includes/account/ng_mypackages/img/extras-phone.png") no-repeat right bottom; background-size: 38%; }

    .recommendation-card .recommendation-card-left {float:left; width:335px; margin-right:20px;}
    .recommendation-card .recommendation-card-left.margin-right0 {margin-right:0px;}
    
    .dashboard-recommendation .recommendation-content.width100 {width:100%;}

    .halfwidth {height:260px;}
	.recommendation-content {width:75%;}
}

@media (max-width: 375px) {
	.broadband-offer {height: 330px;}
}