@charset "utf-8";

/*------------laptop landscape view------*/
@media (max-width:1200px) {		
	h1{font-size: 30px;}
	h2{font-size: 22px;}
	h2 > span{font-size: 28px;}
	h2 > strong{font-size: 17px;}
	h5{font-size: 16px;}

	.header-social > li,
	.footer-social > li,
	.feed-section ul > li{margin: 0 10px 0 0;}
	.header-social > li > a,
	.footer-social > li > a,
	.feed-section ul > li > a{width: 45px;height: 45px;}
	.header-social > li > a > i,
	.footer-social > li > a > i,
	.feed-section ul > li > a > i{font-size: 21px;}

	.hero-banner p{font-size:17px;}
	.episode-sect{padding: 65px 15px 65px 15px;}
	.video-cnt{padding: 0 0px 0 25px;}
	.video-cnt h2{margin-left: 5px;margin-bottom: 20px;}
	.video-cnt > p{font-size: 16px;}

	.episode-box .video-desc{margin: -7px 0 0 0;}
	.episode-box .video-desc > p:last-of-type{margin-bottom: 0px;}
	.episodelisting-bottom h2 > span{font-size: 22px;}

	.extras-bottom h2 > span{font-size: 22px;}
	.extras-box figcaption{margin-top: 10px;}
	.episode-box .video-thumbnail:before,
	.extras-box a:before{background-size: 62px;width: 62px;height: 62px;}
	.episode-listing .episode-box + .episode-box{margin-top: 24px;padding-top: 25px;}

	.extras-listing{padding-bottom: 30px;}
	.banterers-header h2{font-size: 44px;}
	.banterers-slider-content{margin: 30px 0 0 0;}

	.banterers-slider-text{max-width: 420px;}
	.banterers-slider-text h2{font-size: 30px;}
	.banterers-slider-text h3{font-size: 16px;margin: 0 0 20px 0;}

	.feed-section{padding: 20px;}

	.entourage-section{padding-top: 50px;padding-bottom: 50px;}
	.entourage-section figcaption p{font-size: 22px;}
	.entourage-section figure{max-width: 395px;}

	.property-tycoon-inner h3{font-size: 38px;}
	.property-tycoon-inner p{font-size: 22px;margin-bottom: 30px;max-width: 500px;}
	.tycoon-btn > a{padding: 12px 25px 10px 25px;font-size: 15px;}
	.property-tycoon{padding: 70px 20px;}

	.property-otherdetails{padding: 50px 0;}
	.property-odcnt{padding: 0 0 0 40px;}
	.otherdetails-btn .btn{padding: 12px 17px;font-size: 15px;}
	.property-odcnt p{font-size: 19px;}
	.property-odcnt img{width: 170px;margin-top: 20px;}
	.otherdetails-btn{margin-top: 30px;}

	.footer-menu > li{margin-right: 40px;}
}
/*------------tablet portrait  view------*/
@media (max-width:1024px) {
	h1{font-size: 28px;}
	h2{font-size: 20px;}
	h2 > span{font-size: 24px;}
	h2 > strong{font-size: 16px;}	
	

	.desk-logo{max-width: 155px;margin: 0px;height: 56px;}
	.episode-sect .header-btn{position: absolute;right: 15px;top: 28px;margin: 0;}
	
	header#header{padding: 20px 15px;}
	ul.header-social{padding-left: 0px;margin: 0px;}
	.header-social > li,
	.footer-social > li,
	.feed-section ul > li{margin: 0 5px 0 0;}
	.header-social > li > a,
	.footer-social > li > a,
	.feed-section ul > li > a{width: 40px;height: 40px;}
	.header-social > li > a > i,
	.footer-social > li > a > i,
	.feed-section ul > li > a > i{font-size: 17px;}
	.feed-section ul{max-width: 180px;margin: 10px 0 10px auto;}
	.feed-section h3{font-size: 22px;}
	.feed-section {padding: 10px 20px;}
	
	.episode-sect{padding: 45px 15px;}
	.video-main,
	.video-cnt{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	.video-cnt{margin: 20px 0 0 0;padding: 0px;}

	.episode-box .video-thumbnail{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
	.episode-box .video-desc{-ms-flex: 0 0 73%;flex: 0 0 73%;max-width: 73%;}
	.episode-listing .episode-box + .episode-box{margin-top: 20px;padding-top: 20px;}
	
	.episode-box+.episode-box+.episode-box, 
	.extras-box+.extras-box+.extras-box{display: none;}
	.extras-listing .extras-box{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
	
	.extras-bottom h2 > span,	
	.episodelisting-bottom h2 > span{font-size: 18px;}

	.entourage-section figure{max-width: 335px;}
	.entourage-section figcaption p{font-size: 19px;margin: 20px 0 35px;}

	
	.banterers-header h2{font-size: 38px;}
	.slick-slider.js-slider-thumbnail .slick-track img{width: 80px;height: 80px;}
	.slick-slider.js-slider-thumbnail .slick-track{max-width: 370px;}
	.slick-initialized .slick-slide{-ms-flex-wrap: wrap;flex-wrap: wrap;}
	.banterers-slider-text{order: 2;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;text-align: center;}
	.banterers-slider-text > p{text-align: center;max-width: 85%;margin: 15px auto;}
	.banterers-slider-image{order: 1;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	.banterers-slider-image > img{margin: 0 auto;}

	.property-tycoon{padding: 50px 20px;}
	.property-tycoon-inner h3{font-size: 33px;line-height: 1.2;}
	.property-tycoon-inner p{font-size: 20px;margin-bottom: 20px;max-width: 400px;}

	.entourage-section{padding: 40px 0;}
	.property-od-inner{max-width: 100%;}
	.property-odcnt{box-sizing: border-box;padding: 0 0 0 30px;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	.property-od-inner > img{display: none;}
	.property-odcnt img{width: 170px;margin-top: 20px;margin: 20px auto 0 auto;}
	.property-odcnt p{font-size: 18px;margin: 1em auto;text-align: center;}
	.property-otherdetails{padding: 40px 0;}
	.otherdetails-btn{margin: 20px auto 0 auto;}

	footer{padding: 20px 15px;}
	.footer-social{max-width: 175px;}
	.footer-menu > li{margin-right: 20px;}
	.footer-menu > li > a{font-size: 16px;}

	.mfp-content{height: 430px;padding: 40px 30px;}
	.mfp-content h2{font-size: 25px;margin-left: 0px;}
	.form-group{margin-bottom: 20px;}

	.property-odcnt{margin: 0px;}
	.slick-slider.js-slider-thumbnail {display: none;-webkit-transform: translateZ(0) !important;transform: translateZ(0) !important;}
}
/*------------mobile landscape  view------*/
@media (max-width:767px) {
	h1{font-size: 26px;}
	
	header#header{padding: 15px;}
	.episode-sect .header-btn{position: static;margin: 0 auto;}
	header .header-social{display: none;}
	header.justify-content-between{-ms-flex-pack: center!important;justify-content: center!important;}
	header .header-btn{display: none;}

	.hero-banner{padding: 40px 20px;background-size: cover;}
	.hero-banner p{font-size: 16px;}
	.hero-banner p:last-of-type{margin-bottom: 0px;}

	.episode-sect{text-align: center;}
	.episode-box{-ms-flex-wrap: wrap;flex-wrap: wrap;text-align: center;}
	.episode-box .video-thumbnail,
	.episode-box .video-desc{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-top: 10px;}
	.episode-box .video-desc > p{display: none;}

	.episode-box+.episode-box, 
	.extras-box+.extras-box {display: none;}

	.episode-box+.episode-box, 
	.extras-box+.extras-box {display: none;}
	.episodelisting-bottom h2,
	.extras-bottom h2{text-align: center;}

	.extras-listing .extras-box {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	.extras-box figcaption{text-align: center;}

	.feed-section{padding: 10px 0;}
	.property-tycoon{padding: 40px 0;}
	.property-tycoon-inner h3{font-size: 29px;}
	.property-tycoon-inner p{font-size: 18px;max-width: 371px;}
	.otherdetails-btn{display: block;}

	.property-odcnt{padding: 0 0 0 0px;-ms-flex: 0 0 70%;flex: 0 0 70%;max-width: 70%;text-align: center;margin: 0 auto;}
	.property-odcnt p{text-align: center;}
	.otherdetails-btn{margin-left: 0px;}
	.otherdetails-btn .btn{margin: 5px auto;}
	.episodelisting-header h2,
	.extras-header h2{text-align: center;}
	.entourage-video{margin-bottom: 30px;}

	.footer-social{padding: 0px;margin: 15px auto 0 auto;}
	.footer-menu{display: block;}
	footer .container{display: block;}
	.footer-social > li{margin-right: 0px;}
	.footer-menu > li{margin: 0 0 5px 0px;}
	
	
}
/*------------mobile portrait view------*/
@media (max-width:576px) {
	h1{font-size: 24px;}
	h2 > span{font-size: 23px;}
	.video-cnt h2{margin-left: 0px;margin-bottom: 15px;}
	.video-cnt > p{line-height: 1.5;}

	.hero-banner{padding: 35px 0px;}
	.episodelisting-header h2{margin-bottom: 20px;}
	.episodelisting-bottom{margin-top: 20px;}
	.extras-listing{margin-top: 40px;}
	
	.banterers-header h2{font-size: 24px;}
	.banterers-slider-text h2{font-size: 25px;}	
	.banterers-slider-text > p{max-width: 100%;margin: 0 0 15px 0;}
	.banterers-slider-text p{font-size: 16px;}
	.banterers-slider-text{margin: 30px 0;}

	.feed-section{padding: 20px 0;}
	.feed-section ul{padding: 0px;margin: 10px auto 0 auto;}
	.feed-section .container{display: block;}
	.feed-section h3{font-size: 20px;}
	.property-tycoon-inner h3{font-size: 24px;}
	.tycoon-btn{display: block;}
	.tycoon-btn > a{margin: 5px auto;max-width: 246px;}
	.property-odcnt{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	
	.mfp-content{height: auto;padding: 30px 20px;}
	.mfp-content .form-group input[type="text"], .mfp-content .form-group input[type="email"]{margin: 10px 0;}
}
/*----------optional css------*/
@media (max-width:480px) {
}
/*---------use only when design is customise-----------*/