

/*============Cinemax Prime==========*/

.container-fluid{ padding:0;}
.nopadding{ padding:0;}
.desktop-visible{ display:block;}
.tab-visible{ display:none;}
.mobile-visible{ display:none;}


.first-section-bg{ background:url('../images/cinemax-prime/first-bg.jpg') no-repeat top left; width:100%; height: auto; background-size: cover; position: relative;}
.first-section-total{ padding:80px 0 0; margin: 0 auto; text-align: center;}
.cinemax-heading{ font-size:30px; color:#000; text-transform: uppercase; letter-spacing: 1px; margin:0;}
.first-section-total img{ margin:0 auto;}
.cinemax-list-total{ padding: 30px 0; margin:0; list-style-type:none;}
.cinemax-list-total li{ padding:0; margin:0; display: inline-table; position:relative;}
.cinemax-list-total li .cinemax-list-box{ padding: 0 25px;}
.cinemax-list-total li .cinemax-list-box label{ font-size: 24px; font-weight: 500; cursor:text; padding-bottom: 5px;}
.cinemax-list-total li .cinemax-list-box p{ font-size: 14px; padding-top: 10px; margin-bottom: 0;}
.cinemax-list-total li .cinemax-list-box img{ }
.cinemax-list-total li:after{ content:""; display:block; width:2px; height:60%; background:#000; position: absolute; right: 0; top: 14%;}
.cinemax-list-total li:last-child:after{ display:none;}


.second-section-total{ padding:80px 0 0; margin: 0 auto; text-align: center;}
.second-section-total img{ margin:0 auto;}
.second-section-text{ text-align:left; padding: 40% 0 0 0;}
.second-section-text img{ padding: 50px 0 30px 0;}
.second-section-text p{ font-size: 18px;; color:#000;}



.third-left-bg{ background:url('../images/cinemax-prime/third-section-left-bg.jpg') no-repeat top left; width:100%; background-size: cover; margin:0 auto; text-align:center;}
.third-left-bg .cinemax-heading{ color:#fff;}
.third-left-bg .cinemax-list-total li .cinemax-list-box label{ color:#fff; font-weight:normal; font-size:30px;}
.third-left-bg .cinemax-list-total li .cinemax-list-box p{ color:#fff;}
.third-left-bg .cinemax-list-total li:after{ background:#fff;}


.third-right-bg{ background:url('../images/cinemax-prime/third-section-right-bg.jpg') no-repeat top left; width:100%; background-size: cover; margin:0 auto; text-align:center;}
.third-right-img{ padding-top: 130px;}
.third-right-text{ padding-top: 118px;}
.third-right-bg .cinemax-heading{ color:#fff;}
.third-right-bg .cinemax-list-total li .cinemax-list-box label{ color:#fff; font-weight:normal; font-size:30px; padding-bottom: 14px;}
.third-right-bg .cinemax-list-total li .cinemax-list-box p{ color:#fff;}
.third-right-bg .cinemax-list-total li:after{ background:#fff;}
.common-height{ height: 483px; padding:50px 0 0;}
.third-right-bg .cinemax-list-total:last-child{ padding: 0;}


.four-section-bg{ background-color:#000; background-image:url('../images/cinemax-prime/four-section-bg.png'); background-repeat:no-repeat; width:100%; height: 520px; background-size: cover;}
.four-section-total{ margin:0 auto; text-align:center; padding:80px 0 0;}
.four-section-total .cinemax-heading{ color:#fff;}
.four-section-total .cinemax-list-total li .cinemax-list-box label{ color:#fff; font-weight:normal; font-size:30px;}
.four-section-total .cinemax-list-total li .cinemax-list-box p{ color:#fff;}
.four-section-total .cinemax-list-total li:after{ background:#fff;}












@media (max-width: 1600px){
	
	
	.common-height{ height: 434px;}
	.third-right-text{ padding-top: 111px;}
	.third-right-img{ padding-top: 129px;}
	.four-section-bg{ height: 437px;}
	.four-section-total{ padding: 50px 0 0;}
	.third-right-bg .cinemax-list-total li .cinemax-list-box img{ width: 40%;}
	.third-right-bg .cinemax-list-total li .cinemax-list-box label{ padding-bottom: 0; font-size: 24px;}
	.third-left-bg .cinemax-list-total li .cinemax-list-box label{ padding-bottom: 0; font-size: 24px;}
	.four-section-total .cinemax-list-total li .cinemax-list-box label{ padding-bottom: 0; font-size: 24px;}
	.third-right-bg .cinemax-list-total li .cinemax-list-box{ padding: 0 22px;}
	
}

@media (max-width: 1440px){
	
	.third-right-bg .cinemax-list-total li .cinemax-list-box{ padding: 0 15px;}
	.common-height{ height: 412px;}
	.third-right-text{ padding-top: 100px;}
	.third-right-img{ padding-top: 132px;}
	.filter-img{ width: 54% !important;}

	
}


@media (min-width: 1280px) and (max-width: 1366px) {
	
	.third-right-text{ padding-top: 44px;}
	.common-height{ height: 396px;}
	.cinemax-heading{ font-size: 26px;}
	.third-right-bg .cinemax-list-total li .cinemax-list-box{ padding: 0 13px;}
	.third-right-img{ padding-top: 128px;}
	.second-section-text{ padding: 15% 0 0 0;}
	.second-mobile-img{ width:50%;}
	.first-section-total img{ width: 50%;}
}




@media (max-width: 1280px) {
	
	.third-right-bg .cinemax-list-total li .cinemax-list-box{ padding: 0 10px;}
	.common-height{ height: 384px;}
	.third-right-img{ padding-top: 130px;}
	
	
}



@media (max-width: 1199px) {
	
	
	
}


@media (min-width: 992px) and (max-width: 1199px) {
	
	.desktop-visible{ display:none;}
	.tab-visible{ display:block;}
	.mobile-visible{ display:none;}
	
	
	.first-section-total{ padding: 50px 0 0;}
	.second-section-total{ padding: 50px 0 0;}
	.third-right-text{ padding-top: 0;}
	.third-right-img{ padding-top: 3px; width: 58%;}
	.third-right-bg .cinemax-list-total:last-child{ padding: 30px 0;}
	.filter-img{ width: 58% !important;}
	.third-right-bg .cinemax-list-total li .cinemax-list-box{ padding: 0 25px;}
	.common-height{ height: 344px;}
	.cinemax-heading{ font-size: 22px;}
	.four-section-bg{ height: 280px;}
	.four-section-total .cinemax-list-total{ padding: 20px 0;}
	.first-mobile-img{ width: 50%;}
	.second-mobile-img{ width: 50%;}
	.second-section-text{ padding: 17% 0 0 0;}
	
}

@media (max-width: 980px) {
	
	
	.desktop-visible{ display:none;}
	.tab-visible{ display:block;}
	.mobile-visible{ display:none;}
	
	.first-mobile-img{ width: 50%;}
	.second-mobile-img{ width: 50%;}
	.first-section-total{ padding: 50px 0 0;}
	.second-section-total{ padding: 50px 0 0;}
	.cinemax-heading{ font-size: 16px;}
	.cinemax-list-total{ padding: 20px 0;}
	.second-section-text p{ font-size: 14px;}
	.second-section-text img{ padding: 30px 0 15px 0; width: 48%;}
	.second-section-text{ padding: 18% 0 0 0;}
	.third-right-text{ padding-top: 0;}
	.third-right-bg .cinemax-list-total:last-child{ padding: 20px 0;}
	.filter-img{ width: 58%;}
	.third-right-img{ padding-top: 1px; width: 59%;}
	.common-height{ height: 311px;}
	.four-section-bg{ height: 268px;}
	.third-left-bg .cinemax-list-total li .cinemax-list-box label{ font-size: 22px;}
	.third-right-bg .cinemax-list-total li .cinemax-list-box label{ font-size: 22px;}
	.four-section-total .cinemax-list-total li .cinemax-list-box label{ font-size: 22px;}
	
	
}



@media (min-width: 768px) and (max-width: 979px) {
	
	.desktop-visible{ display:none;}
	.tab-visible{ display:block;}
	.mobile-visible{ display:none;}
	
	.first-mobile-img{ width: 50%;}
	.second-mobile-img{ width: 50%;}
	.first-section-total{ padding: 50px 0 0;}
	.second-section-total{ padding: 50px 0 0;}
	.cinemax-heading{ font-size: 16px;}
	.cinemax-list-total{ padding: 20px 0;}
	.second-section-text p{ font-size: 14px;}
	.second-section-text img{ padding: 30px 0 15px 0; width: 48%;}
	.second-section-text{ padding: 18% 0 0 0;}
	.third-right-text{ padding-top: 0;}
	.third-right-bg .cinemax-list-total:last-child{ padding: 20px 0;}
	.filter-img{ width: 58% !important;}
	.third-right-img{ padding-top: 1px; width: 59%;}
	.common-height{ height: 281px;}
	.four-section-bg{ height: 210px !important;}
	.third-left-bg .cinemax-list-total li .cinemax-list-box label{ font-size: 22px;}
	.third-right-bg .cinemax-list-total li .cinemax-list-box label{ font-size: 22px;}
	.four-section-total .cinemax-list-total li .cinemax-list-box label{ font-size: 22px;}
	
	
}





@media (max-width: 767px) {
	
	
}


@media (min-width: 480px) and (max-width: 767px) {
	
	
	.desktop-visible{ display:none;}
	.tab-visible{ display:none;}
	.mobile-visible{ display:block;}
	
	.first-section-total{ padding: 50px 0 0;}
	.cinemax-heading{ font-size: 20px;}
	.cinemax-list-total li{ display: inherit; padding:10px 0; margin:0;}
	.cinemax-list-total li::after{ display:none;}
	.second-section-total{ padding: 50px 0 0;}
	.second-section-text{ text-align: center; padding: 0 0 40px 0;}
	.second-section-text p{ font-size: 14px;}
	.second-section-text img{ padding: 30px 0 30px 0;}
	.common-height{ height: auto; display: inline-grid;}
	.four-section-bg{ background-color:#000; width:100%; height: auto; background-image: none;}
	.third-right-text{ padding-top: 0;}
	.third-right-img{ padding-top: 0;}
	.third-right-bg .cinemax-list-total:last-child{ padding: 30px 0;}
	.third-right-bg .cinemax-list-total li{ display: inline-block; width: 133px;}
	.four-section-total .cinemax-list-total li{ display: inline-block; width: 133px;}
	.cinemax-list-total li .cinemax-list-box{ padding: 0 5px;}
	.second-mobile-img{ width: 50%;}
	.filter-img{ width: 40% !important;}
	
	
}

@media (max-width: 479px) {
	
	.desktop-visible{ display:none;}
	.tab-visible{ display:none;}
	.mobile-visible{ display:block;}
	
	.first-section-total{ padding: 50px 0 0;}
	.cinemax-heading{ font-size: 20px;}
	.cinemax-list-total li{ display: inherit; padding:10px 0; margin:0;}
	.cinemax-list-total li::after{ display:none;}
	.second-section-total{ padding: 50px 0 0;}
	.second-section-text{ text-align: center; padding: 0 0 40px 0;}
	.second-section-text p{ font-size: 14px;}
	.second-section-text img{ padding: 30px 0 30px 0;}
	.common-height{ height: auto; display: inline-grid;}
	.four-section-bg{ background-color:#000; width:100%; height: auto; background-image: none;}
	.third-right-text{ padding-top: 0;}
	.third-right-img{ padding-top: 0;}
	.third-right-bg .cinemax-list-total:last-child{ padding: 30px 0;}
	.third-right-bg .cinemax-list-total li{ display: inline-block; width: 133px;}
	.four-section-total .cinemax-list-total li{ display: inline-block; width: 133px;}
	.cinemax-list-total li .cinemax-list-box{ padding: 0 5px;}
	.second-mobile-img{ width: 50%;}
	.filter-img{ width: 40% !important;}
}




	
	

