@media screen and (max-width: 1024px) {
 /* 1024.................homee-page-Start.................*/
 .movieContent {
    width: 190px;
}
 .movieContent h1 {
    font-size: 14px;
 }
 .movie-panel {
    text-align: center;
}
.movie-panel .movieBox {
    width: auto;
    margin: 0px;
}
 /* 1024.................homee-page-End.................*/
    .nearbyTheaterBox {
	    width: calc(939px / 2 - 80px + 4px + 22px);
	}
	.bannerBox {
	    height: 435px;
	}
	.nearbyTheaterBox p {
	    font-size: 16px;
	    line-height: 1.2em;
	}
	.footAppBox p {
	    margin-bottom: 15px;
	}
	.footAppBox a {
	    margin-right: 4px;
	}
	.footAppBox a img {
	    width: 90px;
	}
	.theaterMainBox {
	    padding: 0 25px;
	}
	.theaterBox {
	    padding: 25px 0;
	}
	.theaterBox .movieContent h1 {
		font-size: 18px;
	}
	.mVideosox {
	    padding: 10px;
	}
	.movishortinfo-section {
		padding: 50px 35px;
		text-align: center;
	}
	.movishortinfo-media {
		min-height: initial;
		max-height: initial;
		padding-bottom: 30px;
	}
 /* 1024.................profile-settings-Start.................*/
	.accountsetting-page .movieMain {
		text-align: center;
	}
	.square-panel {
		margin: auto;
	}
 /* 1024.................profile-settings-End.................*/

 /* 1024.................searchlist-page-Start.................*/
	.searchlist-page .movie-panel{
		margin: 10px 0px;
	}
	.searchlist-page {
		height: auto !important;
		text-align: center;
	}
	.searchlist-page .searchlist-grid.pt-5 {
		padding: 2rem 0px !important;
	}
 /* 1024.................searchlist-page-End.................*/

 /* 1024.................subscribe-package-Start.................*/
 .planepackage-section {
    padding: 30px 15px;
    text-align: center;
}
.planepackage-banner {
    padding: 30px 15px;
}
 /* 1024.................subscribe-package-End.................*/

 /* 1024.................subscribe-popup-End.................*/
 .subscribe-img {
    width: 45%;
 }
 .subscribe-popup {
	width: 55%;
 }
 .subscribe-content {
    padding: 80px 15px;
 }
 /* 1024.................subscribe-popup-Start.................*/


}

@media screen and (max-width: 800px) {
	.menuBtn {
		display: inline-block;
	}
	header {
	    padding: 10px 0;
	}
	.logoBox .logo {
		border-right: none;
	}
	.logoBox .logo img {
	    height: 35px;
	}
	.logoBox .location {
	    padding: 0 0 0 5px;
	    float: right;
	    margin-top: 17px;
	}
	.logoBox .location input[type="text"] {
		width: 125px;
	}
	.bannerBox {
	    height: 475px;
	}
	.bannerBox img {
	    width: auto;
	    min-width: 100%;
	    height: 100%;
	    position: relative;
	}
	.movieAllView {
	    height: 100px;
	}
	.movieAllView .movieContent {
	    min-height: 100px;
	}
	.movieAllView .movieContent h1 {
	    top: 50%;
	    transform: translateY(-50%);
	}
	.nearbyTheaterBox {
	    width: calc(720px - 80px - 35px);
	}
	.footLogo img {
	    width: 150px;
	}
	.aboutLogo {
	    left: 30px;
	}
	.aboutLogo img {
	    width: 35px;
	}
	.aboutLogo span {
	    font-size: 45px;
	}
	.theaterMainBox {
	    padding-right: 0;
	}
	.theaterBox .movieBox {
		height: auto;
	}
	.theaterBox .showType {
	    width: 100px;
	    font-size: 14px; 
	}
	.theaterBox .showTime {
	    width: calc(100% - 100px);
	    float: left;
	}
	.theaterBox .showTime label span {
	    border: 1px solid #e0e0e0;
	    border-radius: 5px;
	    padding: 5px 10px 4px;
	    font-size: 13px;
	    margin: 3px 2px;
	}
	.movieDetailTabContent .single {
	    padding: 20px 25px;
	}
	.castSection {
	    padding: 20px 25px;
	}
	.castBox .castImg {
	    width: 100px;
	    height: 100px; 
	}
	.moviewVideos {
	    padding: 20px 25px;
	}
	.moviewPhotos {
	    padding: 20px 25px;
	}
	.reviewSection {
		padding: 20px 25px;
	}
	.storyAtGlance {
	    padding: 20px 25px;
	}

}
	
@media screen and (max-width: 767px) {

	/* ........................767-Header-start........................ */
    .header-gap {
        padding-top: 60px;
    }
    .termscondtions-main, .privacypolicy-main {
        padding: 0px 0px;
    }
    .privacypolicy-contents ul li {
        padding: 5px 0px;
        color: #f1b815;
        font-size: 14px;
    }
    .privacypolicy-contents p, .termscondtions-contents p{
        font-size: 13px;
    line-height: 24px;
    text-align: center;
    }
    .chooseplan-list {
        text-align: center;
    }
	/* ........................767-Header-End........................ */
	/* ........................767-chooseplan-page-start........................ */
	.chooseplan-main {
		padding:30px 0px;
	}
	.chooseplan-list h1 {
		font-size: 18px;
	}
	.chooseplan-list li {
		padding: 5px 0px;
		font-size: 14px;
	}
	.chooseplan-tabledata .table th {
		padding: 6px;
    	font-size: 13px;
	}
	.chooseplan-tabledata .table td {
		padding: 6px;
		font-size: 12px;
	}
	.chooseplan-content p {
		margin: 0px;
		font-size: 12px;
	}
	.chooseplan-content .plan-price {
		font-size: 16px;
		font-weight: 600;
	}
	.paygoback-panel .btn-toolbar {
		justify-content: center !important;
	}
	.paygoback-panel .common-btn {
		margin: 5px 5px !important;
		padding: 6px 8px !important;
		font-size: 14px;
	}
	/* ........................767-chooseplan-page-start........................ */

	/* ........................767-subscribe-package-start........................ */
	.planepackage-panel {
		min-height: initial;
		padding: 30px;
		margin: 25px 0px;
	}
	.chooseplane-heading {
		margin-bottom: 10px;
		font-size: 24px;
	}
	/* ........................767-subscribe-package-start........................ */

    /* ........................767-searchlist-page-start........................ */
    .searchlist-page {
        height: auto;
    }     
    .searchlist-page .movie-panel .movieBox {
        margin-bottom: 0px;
        margin: auto;
        width: auto;
    }
    /* ........................767-searchlist-page-end........................ */

    /* ........................767-movilist-page-page-Start........................ */
	.movilist-page {
		padding: 0px !important;
		text-align: center;
	}
	.movilist-page .movi-poster, .movilist-grid .movi-poster {
		margin: 5px auto;
	}
	.movilist-page .movilist-grid{
		padding:20px 0px 30px 0px !important;
	}
	.innerpage-title {
		padding: 2px;
	}
	div#load_data {
		padding-bottom: 20px;
	}
    /* ........................767-movilist-page-page-end........................ */

    /* ........................767-aboutus-page-end........................ */
    .aboutus-main {
        padding: 0px 0px 30px 0px;
    }
    .aboutus-main p{
        font-size: 13px;
        line-height: 24px;
        text-align: center;
    }
    .aboutus-main ul li {
        padding: 5px 0px;
        color: #fff;
        font-size: 14px;
    }
    /* ........................767-aboutus-page-end........................ */

/*767.................subscribe-popup-End.................*/
.subscribe-popup {
    width: 92%;
 }
 .subscribe-content {
    width: 55%;
    padding: 80px 15px;
 }
 /*767.................subscribe-popup-Start.................*/


}
@media screen and (max-width: 480px) {
/* 470.................banner-Start.................*/
.bannerBox {
    height: 230px;
}
.movi-poster {
    width: 100px;
    height: 100px;
}
/* 470.................banner-Start.................*/
/* 470.................homee-page-Start.................*/
    .square-panel {
        width: 100px;
        height: 100px;
        margin: auto;
    }
 /* 470.................homee-page-End.................*/

	.logoBox .logo img {
	    height: 25px;
	}

	.logoBox .location {
	    margin-top: 5px;
	}

	.title {
	    font-size: 14px;
        text-align: left;
	}
	.title img {
	    margin-right: 10px;
	    width: 25px;
	}
	.title2 {
	    font-size: 18px; 
	}

	.viewall {
        font-size: 12px;
        padding: 5px 10px 5px;
    }
	
	.bannerContent {
	    padding: 15px 10px 30px;
	}
	.movieRating {
	    height: 30px;
	}
	.movieRating span {
	    font-size: 12px;
	    line-height: 30px;
	}

	.bannerContent h1 {
	    font-size: 32px; 
	}
	.movieType {
	    font-size: 15px;
	}

	.bannerSection .owl-dots {
	    padding: 0 8px;
	}
	.bannerSection button.owl-dot {
	    padding: 0 5px !important;
	}

    .movie-panel {
        display: inline-block;
        margin: auto;
    }

	.movieSection {
	    padding: 35px 0;
	}
	.upcomingSection {
	    padding: 0 0 35px;
	}

	.nearbyTheaterSection {
	    padding: 0 0 35px;
	}
	.nearbyTheater {
	    padding: 20px 15px;
	}
	.nearbyTheaterBox {
	    width: 295px;
	    padding: 20px 8px;
	}
	.nearbyTheaterBox h2 {
	    font-size: 13px;
	}
	.nearbyTheaterBox .distance {
	    right: 10px;
	    top: 15px;
	    padding: 3px 7px 2px;
	    font-size: 10px;
	}
	.nearbyTheaterBox p {
	    font-size: 12px;
	    line-height: 1.2em;
	    white-space: normal;
	}

    footer {
        padding: 10px 0 0;
    }
    .footContent h1 {
        font-size: 16px;
    }
	.footLogo img {
	    width: 125px;
	}
	.footContent p {
	    line-height: 1.3em;
	    font-size: 13px;
	}
	.footAppBox p {
	    margin-bottom: 0;
	    display: inline-block;
	    margin-right: 15px;
	}
	.footAppBox div {
		display: inline-block;
	}
	.footAppBox a img {
	    width: 75px;
	}
    .footerBottom .footLink a, .footerBottom .footLink span {
        font-size: 13px;
    }
	.footerBottom {
	    padding: 5px 0;
	    margin-top: 20px;
	}
	.footerBottom .footLink {
	    top: 0px;
	    text-align: center;
	}
	.footerBottom .footLink a {
		float: none;
	}
	.footSocial {
	    text-align: center;
	    margin-top: 5px;
	}
	.footSocial a {
	    margin: 0 6px;
	    font-size: 18px;
	}
    .movie-section {
        text-align: center;
    }
	.movieBox {
	    position: relative;
        margin-bottom: 10px;
        padding: 10px 0px;
        height: auto;
	}
	.movieBox:after {
	    content: "";
	    display: block;
	    clear: both;
	}
	.shareBtn {
		display: inline-block;
	}
	.shareBtn img {
	    width: 14px;
	    height: auto;
	    float: none;
	}

	.movieContent {
	    width: 100%;
        position: relative;
        background: transparent;
        color: #000;
        height: 100%;
        padding: 10px 0px 0px 0px;
        padding-right: 0;
	}

	.movieContent .movieTime {
	    display: none;
	}
	.movieContent h1 {
	    font-size: 13px;
        color: #fff;
       text-align: center;
	}
	.movieContent .movieType {
	    color: #000;
	    padding-bottom: 25px;
	}
	.movieBox .movieRating {
	    border: 1px solid #000;
	}
	.movieBox .movieRating span:first-child {
	    background: #000;
	    color: #fff;
	}

	.movieAllView {
	    height: 100px;
	    background: #DF384D;
	    padding: 0;
	    overflow: hidden;
	}
	.movieAllView .movieContent {
	    width: 100%;
	    color: #fff;
	}

	.playBtn {
		top: 35%;
	}
	.playBtn img {
		left: 0;
	}

	.theatersLocation {
	    top: -2px;
	}
	.theatersLocation img {
	    width: 20px;
	}
	.movieDetailTabContent .dateBox label {
	    margin: 0 16px 0 0;
	}


	.movieDetailTabBtn {
	    padding: 10px 20px 0;
	}
	.movieDetailTabContent .single {
	    padding: 20px 15px;
	}
	.movieDetailTabBtn li a {
	    padding: 10px 0;
	    font-size: 14px;
	}

	.showType {
	    width: 85px;
	    font-size: 13px;
	}
	.showTime {
	    width: calc(100% - 85px);
	}
	.showTime label span {
	    border: 1px solid #e0e0e0;
	    padding: 4px 6px;
	    font-size: 12px;
	    margin: 3px 1px;
	}
	.movieDetailSectin .movieDetailTabBtn li {
		width: 50%;
		margin-right: 0;
		text-align: center;
	}
	.movieDetailSectin .movieDetailTabBtn {
	    padding: 8px 0 0;
	}

	.castBox .castImg {
	    width: 95px;
	    height: 95px;
	}
	.castBox {
	    padding: 10px 6px;
	}
	.castBox h6 {
	    font-size: 13px;
	    margin-bottom: 3px;
	}

	.aboutLogo {
	    left: 20px;
	}
	.aboutLogo img {
	    width: 20px;
	    top: 3px;
	}
	.aboutLogo span {
	    font-size: 22px;
	    margin-left: 5px;
	}


	.dateBox label {
	    margin: 0 18px 0 0;
	}
	.dateBox span h5 {
	    font-size: 14px;
	}
	.dateBox span p {
	    font-size: 13px;
	}

	.theaterDetailSection .nearbyTheaterBox {
		margin-bottom: 10px;
	}
	.theaterMainBox {
	    padding: 0;
	    background: transparent;
	    box-shadow: none;
	}
	.theaterBox {
	    padding: 10px;
	    background: #fff;
	    border-radius: 5px;
	    margin: 10px 0;
	    border-bottom: none;
	    box-shadow: 0px 1px 3px 0px rgba(169,169,169,0.5);
	}
	.theaterBox .movieBox {
	    padding: 0;
	    box-shadow: none;
	    margin-bottom: 5px;
	}
	.theaterBox .movieBox img {
	    width: 85px;
	    position: relative;
	}
	.theaterBox .movieContent {
	    width: calc(100% - 85px);
	    padding-bottom: 0;
	}
	.theaterBox .movieContent .movieType {
	    color: #000;
	    padding-bottom: 20px;
	}
	.theatersHead {
	    font-size: 14px;
	    margin-bottom: 5px;
	}

	.theaterBox .showType {
	    width: 85px;
	    font-size: 13px;
	}
	.theaterBox .showTime {
	    width: calc(100% - 85px);
	}
	.theaterBox .showTime label span {
	    padding: 4px 6px;
	    font-size: 12px;
	    margin: 3px 1px;
	}

	 /* ........................470-searchlist-page-end........................ */
	 .searchlist-page .searchlist-grid.pt-5 {
		padding-top: 1rem!important;
	}
	.searchlist-page .movie-panel {
		margin: 5px 0px;
	}
	  /* ........................470-searchlist-page-end........................ */

/*480.................subscribe-popup-End.................*/
.subscribe-popup {
	height: 390px;
    top: 0%;
}
.subscribe-img {
    width: 100%;
    height: 200px;
}
.subscribe-content {
    width: 100%;
	display: block;
    height: auto;
    padding: 10px 15px;
}
.subscribe-popup h3 {
    padding: 3px 0px;
    font-size: 30px;
}
.subscribe-content p {
    padding-bottom: 2px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.5px;
}
.subscribe-btn {
    margin-top: 10px;
    height: 45px;
    padding: 0px 25px;
    font-size: 20px;
    line-height: 2.1;
}
 /*480.................subscribe-popup-Start.................*/
}