body{background-color: #f9f9f9;}
.yellow-txt{color:#FFCA08;} .desktop-break{display: none;}

.months-wrap-block {width:1100px;height:80px;margin-bottom:45px;}

.nav-pills .nav-link, .nav-pills .show>.nav-link{
	color: #595959;font-size: 18px;font-family: 'RobotoMedium';width:162px;height:80px;
	background-color:transparent;transition:all 0.17s;outline:none;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link.active{
	text-align: right;padding-right: 42px;
	background-color:#FFCA08;color:#2B2A29;font-size:24px;font-family:'RobotoBlack';
}
.calendar-card{width: 1035px;height: 466px;background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;border-radius: 17px;padding:27px;margin:auto;
}
.calendar-card .text-content{padding:0 37px;align-items: flex-start;}
.calendar-card .block-title{color:#2B2A29;font-size:18px;font-family:'RobotoBold';padding:0 0 22px;}
.calendar-card .para{color:#2B2A29;font-size:14px;font-family:'Roboto';line-height:34px;}
.samil-journey-calendar-block .block-title{text-align: center;}
.samil-journey-calendar-block .block-title *{font-size:36px;font-family:'RobotoBlack'}
.samil-journey-calendar-block .grey-line{width:4px;height:calc(100% + 30px);background-color:#bbbbbb;left:42px;top: -30px;bottom:0;}
.samil-journey-calendar-block .nav{z-index:1}


.media-pages .medialounge-wrap{padding: 0 12px 12px }


.breadcrumb-menu{display: flex;align-content: center;}
.breadcrumb-menu *{line-height: normal;}
.breadcrumb-menu .breadcrumb{color: #2B2A29;font-size: 14px;font-family: 'Roboto';line-height: normal;margin: 0;}

.desktop-banner{border-radius: 20px;display: block;}
.mobile-banner{border-radius: 12px;display: none;}

.calendar-right-block{justify-content: start;}

.tab-content .calendar-card{height: 374px;padding: 0;    flex-direction: column;margin-right: 0}
.tab-content .calendar-card .head{
	color: #2B2A29;font-size: 20px;font-family: 'RobotoBold';border-radius: 17px 17px 0 0px;
	width: 100%;height: 72px;background-color: #f9f9f9;border: 1px solid #e1e1e1;box-shadow: none;
	display: flex; align-items: center; flex-direction: revert; justify-content: start;padding-left: 33px;
}

.tab-content .calendar-card .goodie-blk-wrap{
	width: 100%;height: calc(100% - 72px);margin: auto;padding: 6px 20px;box-sizing: border-box;
	display: flex;flex-wrap: wrap; flex-direction: row; align-items: center;justify-content: center;
}
.tab-content .calendar-card .goodie-blk{
	width: 285px;height: 220px;background-color: #EBF3FD;border-radius: 25px;position: relative;
	margin: -10px 23px 0;display: flex;align-items: center;justify-content: center;
}
.tab-content .calendar-card .goodie-blk:first-child{margin-left: 0}
.tab-content .calendar-card .goodie-blk:last-child{margin-right: 0}
.tab-content .calendar-card .goodie-blk .goodie-content{position: relative;}
.tab-content .calendar-card .goodie-blk .goodie-content .goodie-img{
	left: 0;right: 0;top: 0px;bottom: 5px;margin: auto;position: absolute;
}

.tab-content .calendar-card .goodie-blk .goodie-content.desktop .frame-img{width: 224px;height: 128px;}
.tab-content .calendar-card .goodie-blk .goodie-content.android .frame-img, .tab-content .calendar-card .goodie-blk .goodie-content.mobile .frame-img{width: 71px;height: 143px;}
.tab-content .calendar-card .goodie-blk .goodie-content.iphone .frame-img{width: 70px;height: 142px;}
.tab-content .calendar-card .goodie-blk .goodie-content.blackberry .frame-img{width: 80px;height: 145px;}

.tab-content .calendar-card .goodie-blk .goodie-content.desktop .goodie-img{width: 173px;height: 110px;}
.tab-content .calendar-card .goodie-blk .goodie-content.android .goodie-img, .tab-content .calendar-card .goodie-blk .goodie-content.mobile .goodie-img{width: 63px;height: 130px;border-radius: 4px;overflow: hidden;}
.tab-content .calendar-card .goodie-blk .goodie-content.iphone .goodie-img{width: 62px;height: 132px;bottom: 0;border-radius: 3px;overflow: hidden;}
.tab-content .calendar-card .goodie-blk .goodie-content.blackberry .goodie-img{
	width: 65px;height: 55px;bottom: auto;top: 22px;border-radius: 2px;overflow: hidden;
}

.tab-content .calendar-card .goodie-blk .goodie-content .goodie-img .img{
	width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;
}
.tab-content .calendar-card .goodie-blk .download-btn{
	color: #2B2A29;font-size: 20px;font-family: 'RobotoBold';width: 172px;height: 42px;background-color: #FFCA08;
	box-shadow: 0px 3px 6px #00000029;border-radius: 22px;display: flex;align-items: center;justify-content: center;
	position: absolute;top: auto;bottom: -18px;left: 0;right: 0;margin: auto;
}
.themeselection{width: 100%;max-width: 360px;display: none}
@media only screen and (max-width: 1279px){
	.media-pages .medialounge-wrap {margin-top: 100px !important;}
	.samil-journey-calendar-block .block-title{padding: 30px 5px 0px;}
	.samil-journey-calendar-block .calendar-card .block-title{text-align:left;}
	.samil-journey-calendar-block .nav{
		width: 100%;flex-direction: row !important;flex-wrap: nowrap;overflow: auto;
		height: 60px;white-space: nowrap;padding: 6px 12px;
	}

	.samil-journey-calendar-block .block-title *{font-size:24px;}
	.samil-journey-calendar-block .grey-line{display:none;	}
	.nav-pills .nav-link, .nav-pills .show>.nav-link{
		padding: 10px !important;height: 100% !important;width: 220px !important;align-items: center;display: flex;
	}
	.calendar-content-wrap{flex-direction:column;}
	.calendar-card{
		width: 100%; height: auto; padding: 10px; margin: auto; flex-direction: column;
	}
	.calendar-card .calendar-img{width:100%;height:auto;}
	.calendar-card .text-content{padding: 12px 0 0;}.months-wrap-block{margin-bottom:0}
	.months-wrap-block{width:100%;}
	.months-wrap-block .months-list{padding:0 !important;}
	.calendar-right-block{padding: 0.8rem !important;}
	/*.swiper-container-calendar .swiper-wrapper .swiper-slide{width:100px;}*/
	.calendar-card .para{    line-height: 24px;}.grey-wrap.pt-5{padding-top:0 !important;}
	

	.themeselection, .calendar-card.themevisible{display: flex !important} 
	.calendar-card{display: none !important;}

	.media-pages .medialounge-wrap {width: 100%;padding: 16px 12px 0;max-width: 1200px;margin-top: 125px !important;margin-left: auto;margin-right: auto}
	.tab-content .calendar-card{height: auto !important;}
	.tab-content .calendar-card .goodie-blk{margin: 25px 20px 47px !important; }
}

@media only screen and (max-width: 990px){
	.breadcrumb-menu{display: none;}
	.tab-content .calendar-card .goodie-blk-wrap{padding: 6px 5px}
	.tab-content .calendar-card .head{font-size: 18px;height: 50px;padding-left: 20px;}
}

@media only screen and (max-width: 640px){
	.desktop-banner{display: none;}
	.mobile-banner{border-radius: 12px; display: block;}
	.tab-content .calendar-card .goodie-blk{margin: 25px 10px 47px !important; }
}