

/*============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-infinity/first-bg.jpg') no-repeat top left; width:100%; height: auto; background-size: cover; position: relative;}
.first-section-total{ padding:80px 0 50px; margin: 0 auto; text-align: center;}
.cinemax-heading{ font-size:30px; color:#fff; 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; color: #fff;}
.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:#fff; position: absolute; right: 0; top: 14%;}
.cinemax-list-total li:last-child:after{ display:none;}

.second-section-bg{ background:url('../images/cinemax-infinity/second-bg.jpg') no-repeat top left; width:100%; height: auto; background-size: cover;}
.second-section-total{ height: 736px;}
.second-section-total img{ margin:0 auto;}
.second-section-text{ text-align:left; padding: 33% 0 0;}
.second-section-text img{ padding: 150px 0 30px 0;}
.second-section-text p{ font-size: 18px;; color:#fff;}
.second-section-text h3{ width: 65%;}



.third-left-bg{ background:url('../images/cinemax-infinity/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-left-text{ padding: 75px 0 0 50px;}
.third-left-img{ float: right; padding-right: 50px;}


.third-right-bg{ background:url('../images/cinemax-infinity/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: 100px;}
.third-right-text{ padding-top: 65px;}
.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: 433px; 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-infinity/four-section-bg.png'); background-repeat:no-repeat; width:100%; height: 433px; background-size: cover;}
.four-section-total{ margin:0 auto; text-align:center; padding:80px 0 0;}
.four-section-total .cinemax-heading{ color:#fff; text-align:left;}
.four-section-total .cinemax-list-total{ margin-left:-90px; padding:80px 0 0;}
.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;}
.four-section-text{ padding-top: 40px;}

/*============Admire Shine==========*/



@media (max-width: 1600px){
	
	
	.common-height{ height: 434px;}
	.third-right-text{ padding-top: 111px;}
	.third-right-img{ padding-top: 127px;}
	.four-section-bg{ height: 403px;}
	.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;}
	.second-section-total{ height: 650px;}
	.second-section-text{ padding: 23% 0 0;}
	
}

@media (max-width: 1440px){
	
	.third-right-bg .cinemax-list-total li .cinemax-list-box{ padding: 0 15px;}
	.common-height{ height: 372px;}
	.third-right-text{ padding-top: 45px; margin-left: -70px;}
	.third-right-img{ padding-top: 114px; width:90%;}
	.filter-img{ width: 54% !important;}
	.third-left-img{ width: 90%;}
	.third-left-text{ padding: 58px 0 0 50px;}
	.second-section-total{ height: 585px;}
	.second-section-text{ padding: 19% 0 0;}
	
}


@media (min-width: 1280px) and (max-width: 1366px) {
	
	.third-right-text{ padding-top: 30px;}
	.common-height{ height: 353px;}
	.cinemax-heading{ font-size: 26px;}
	.third-right-bg .cinemax-list-total li .cinemax-list-box{ padding: 0 13px;}
	.third-right-img{ padding-top: 105px;}
	.second-section-text{ padding: 15% 0 0 0;}
	.second-mobile-img{ width:50%;}
	.first-section-total img{ width: 50%;}
	.third-left-text{ padding: 58px 0 0 30px;}
	.second-section-total{ height: 538px;}
}




@media (max-width: 1280px) {
	
	.third-right-bg .cinemax-list-total li .cinemax-list-box{ padding: 0 10px;}
	.common-height{ height: 330px;}
	.third-right-img{ padding-top: 95px;}
	.second-section-total{ height: 503px;}
	.third-left-text{ padding: 58px 0 0 21px;}
	.third-right-text{ padding-top: 8px;}
	
	
}



@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 25px;}
	.second-section-total{ height: 403px;}
	.third-right-text{ padding-top: 0; margin: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: 346px;}
	.cinemax-heading{ font-size: 22px;}
	.four-section-bg{ height: 282px;}
	.four-section-total .cinemax-list-total{ padding: 20px 0;}
	.first-mobile-img{ width: 50%;}
	.second-mobile-img{ width: 50%;}
	.second-section-text{ padding: 15% 0 0 0;}
	.second-section-text img{ padding: 100px 0 30px 0;}
	.third-left-img{ padding-right: 14px; width: auto; padding-top: 112px;}
	.four-section-img img{ width:81%;}
	.four-section-total .cinemax-list-total{ margin-left: -36px; padding-top:50px;}
	.four-section-text{ padding-top: 5px;}
	
	
}

@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 20px;}
	.second-section-total{ height: 385px;}
	.cinemax-heading{ font-size: 16px;}
	.cinemax-list-total{ padding: 20px 0;}
	.second-section-text p{ font-size: 14px;}
	.second-section-text img{ padding: 80px 0 15px 0; width: 48%;}
	.second-section-text{ padding: 20% 0 0 0;}
	.third-right-text{ padding-top: 0; margin: 0;}
	.third-right-bg .cinemax-list-total:last-child{ padding: 20px 0;}
	.filter-img{ width: 58% !important;}
	.third-right-img{ padding-top: 55px; width: 90%;}
	.common-height{ height: 441px;}
	.four-section-bg{ height: 380px !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;}
	.third-left-text{ padding: 0;}
	.third-left-img{ width: 47%; float: initial; padding-right: 0; margin: 0 auto;}
	.four-section-text{ padding-top: 0;}
	.four-section-total .cinemax-heading{ text-align: center;}
	.four-section-total .cinemax-list-total{ margin-left: 0; padding: 20px 0 0;}
	.four-section-img img{ width: 40%; padding-top: 15px;}
	
	
}



@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 20px;}
	.second-section-total{ height: 301px;}
	.cinemax-heading{ font-size: 16px;}
	.cinemax-list-total{ padding: 20px 0;}
	.second-section-text p{ font-size: 14px;}
	.second-section-text img{ padding: 57px 0 15px 0; width: 48%;}
	.second-section-text{ padding: 17% 0 0 0;}
	.third-right-text{ padding-top: 0; margin: 0;}
	.third-right-bg .cinemax-list-total:last-child{ padding: 20px 0;}
	.filter-img{ width: 58% !important;}
	.third-right-img{ padding-top: 43px; width: 90%;}
	.common-height{ height: 383px;}
	.four-section-bg{ height: 334px !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;}
	.third-left-text{ padding: 0;}
	.third-left-img{ width: 47%; float: initial; padding-right: 0; margin: 0 auto;}
	.four-section-text{ padding-top: 0;}
	.four-section-total .cinemax-heading{ text-align: center;}
	.four-section-total .cinemax-list-total{ margin-left: 0; padding: 20px 0 0;}
	.four-section-img img{ width: 40%; padding-top: 15px;}
	
}





@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 30px;}
	.cinemax-heading{ font-size: 20px;}
	.cinemax-list-total li{ display: inline-table; padding:10px 0; margin:0;}
	.cinemax-list-total li::after{ display:none;}
	.second-section-total{ padding: 50px 0 0; height: auto;}
	.second-section-text{ text-align: center; padding: 0 0 40px 0;}
	.second-section-text h3{ width:100%;}
	.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:#008aff; width:100%; height: auto !important; background-image: none;}
	.third-right-text{ padding: 0 15px;}
	.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 20px;}
	.second-mobile-img{ width: 50%;}
	.filter-img{ width: 40% !important;}
	.third-left-text{ padding: 0 15px;}
	.four-section-img img{ width: 96%; margin: 0 auto;}
	
	
}

@media (max-width: 479px) {
	
	.desktop-visible{ display:none;}
	.tab-visible{ display:none;}
	.mobile-visible{ display:block;}
	
	.first-section-total{ padding: 50px 0 30px;}
	.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; height: auto;}
	.second-section-text{ text-align: center; padding: 0 0 40px 0;}
	.second-section-text h3{ width:100%;}
	.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:#008aff; width:100%; height: auto !important; background-image: none;}
	.third-right-text{ padding: 0 15px;}
	.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;}
	.third-left-text{ padding: 0 15px;}
	.four-section-img img{ width: 96%; margin: 0 auto;}
}




	
	

