/*------------------------------------------------------------------*/
/*	2) Note: Design for a width between of 480 - 787 px
/*------------------------------------------------------------------*/
@media only screen and (min-width: 540px) and (max-width: 768px) {
	.large{
		display:none !important;
	}
	.block {
		display: block !important;
	}
	.hide {
		max-height: none !important;
		overflow: visible !important;
		float: none !important;
	}
	.m1{
		width:100% !important;
		height:auto !important;
	}
	h2{
		font-size:17px;
		line-height:20px;
		margin:0 0 6px 0;
	}
	h4{
		font-size:13px;
		line-height:16px;
		margin:0 0 6px 0;
	}
	h3{
		font-size:13px;
		line-height:16px;
		margin:0 0 6px 0;
	}
	.sectioncontainerHome p, .sectioncontainerHome p.nextPara{
		padding:10px 20px 0 20px;
		text-align:left;
		font-family: 'Playfair Display';
		font-size:15px;
	}
	.ovalCenter{
		width:74%; 
		text-align:center; 
		margin:20px auto;
	}
		
	.ourTeamCon img, .ourTeamConSml img{
		width:70%;
	}
	.toggleMenu{
		padding:120px 30px 0 0;
	}
	.btnBg, .btnSelBg{
		width:320px;
		height:auto;
		display:block;
		margin:25px auto;
		font-size:18px;
		line-height:34px;
	}
	.btnSingleTxt{
		font-size: 22px;
		line-height: 24px;
	}
	.btnDoubleTxt{
		font-size: 22px;
		line-height: 22px;
		padding:4px 0 0 0;
	}
	.movieImgArea{
		width:44%;
	}
	.movieDescArea{
		width:52%;
		padding:20px 0 0 0;
	}
	.imgcls{
		width:100%;
	}
	.movieDetails {
		width: 94%;
	}
	.sectioncontainerHome{
		width:100%;
		margin:auto;
	}
	.ourPeoplecontainerData{
		width:90%;
		margin: 0px auto 0 auto;
	}
	.newsPartCont address p{
		width:44%;
		padding:30px 0 0 0;
	}
	.ourTeamCon, .ourTeamConSml{
		width:48%;
		padding:30px 0 0 0;
	}
	.peoplePhotos, .peoplePhotosSml {
		width: 76%;
		margin: auto;
	}
	.sectioncontainerHome .peoplePhotoSec p, .sectioncontainerHome .peoplePhotoSecSml p{
		padding-top:20px;
		text-align:center;
		line-height:22px;
	}
	.deskShow{
		display:none !important;
	}
	.mobShow{
		display:inline-block !important;
	}
	.newsPartCont address p{
		text-align:center;
		width:50%;
	}
	.newsPartCont address p.lastAddress{
		width:99%;
	}
	
}
@media only screen and (min-width: 540px) and (max-width: 620px) {
	h3{
		font-size:11px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 540px) {
	.large{
		display:none !important;
	}
	.block {
		display: block !important;
	}
	.hide {
		max-height: none !important;
		overflow: visible !important;
		float: none !important;
	}
	.m1{
		width:100% !important;
		height:auto !important;
	}
	.sectioncontainerHome p, .sectioncontainerHome p.nextPara{
		padding:30px 20px 0 20px;
		text-align:left;
		font-family: 'Raleway', sans-serif;
		font-size:15px;
	}
	.sectioncontainerHome p.nextPara{
		padding:4px 20px 40px 20px;
	}
	.ourTeamCon img, .ourTeamConSml img{
		width:100%;
	}
	.toggleMenu{
		padding:120px 30px 0 0;
	}
	.btnBg, .btnSelBg{
		width:320px;
		height:auto;
		display:block;
		margin:25px auto;
		font-size:18px;
		line-height:34px;
	}
	.btnSingleTxt{
		font-size: 22px;
		line-height: 24px;
	}
	.btnDoubleTxt{
		font-size: 22px;
		line-height: 22px;
		padding:4px 0 0 0;
	}
	.movieImgArea{
		width:42%;
	}
	.center #supernext, .center #saganext {
		position: absolute;
		right: -8%;
		top: 0%;
	}
	.center #superprev, .center #sagaprev {
		position: absolute;
		left: -8%;
		top: 0%;
	}
	.movieDescArea{
		width:56%;
	}
	.imgcls{
		width:88%;
	}
	.movieDescArea{
		padding:10px 0 0 0;
	}
	h1{
		font-size:28px;
		line-height:30px;
		margin:0 0 6px 0;
	}
	h2{
		font-size:16px;
		line-height:20px;
		margin:0 0 6px 0;
	}
	h4{
		font-size:10px;
		line-height:12px;
		margin:0 0 6px 0;
	}
	h3{
		font-size:10px;
		line-height:12px;
		margin:0 0 6px 0;
	}
	.movieDetails {
		width: 94%;
	}
	.sectioncontainerHome{
		width:100%;
		margin:auto;
	}
	.ourPeoplecontainerData{
		width:90%;
	}
	.newsPartCont address p{
		width:44%;
		padding:30px 0 0 0;
	}
	.ourTeamCon, .ourTeamConSml{
		width:48%;
		padding:20px 0 0 0;
 	}
	.peoplePhotos, .peoplePhotosSml {
		width: 60%;
		margin: auto;
	}
	.sectioncontainerHome .peoplePhotoSec p, .sectioncontainerHome .peoplePhotoSecSml p{
		padding-top:20px;
		text-align:center;
		line-height:22px;
	}
	.deskShow{
		display:none !important;
	}
	.mobShow{
		display:inline-block !important;
	}
	.newsPartCont address p{
		text-align:center;
		width:50%;
	}
	.newsPartCont address p.lastAddress{
		width:99%;
	}
	
	.deskShow{
		display:none !important;
	}
	.mobShow{
		display:inline-block !important;
	}
	.ourPeoplecontainerData {
		margin: 0px auto 0 auto;
	}
	.photoHeader{
		font-size:16px;
		line-height:16px;
		color:#000001;
	}
	.photoHeaderSml{
		font-size:14px;
		line-height:16px;
		color:#000001;
	}
	.peoplePhotoSec p, .peoplePhotoSecSml p{
		font-family: 'Playfair Display';
		font-size: 14px;
		line-height: 18px;
	}
	.photoSubHeader, .photoSubHeaderSml{
		font-size:13px;
		font-weight:300;
		line-height:18px;
		font-weight:700;
	}
	.ovalCenter{
		width:80%; 
		text-align:center; 
		margin:20px auto;
	}
}

@media only screen and (min-width: 319px) and (max-width: 479px) {
	.large, .large1{
		display:none !important;
	}
	.block {
		display: block !important;
	}
	.hide {
		max-height: none !important;
		overflow: visible !important;
		float: none !important;
	}
	.m1{
		width:100% !important;
		height:auto !important;
	}
	.sectioncontainerHome p, .sectioncontainerHome p.nextPara{
		padding:30px 0px 0 10px;
		text-align:left;
		font-family: 'Playfair Display';
		font-size:14px;
	}
	.sectioncontainerHome p.nextPara{
		padding:0px 0px 0px 10px;
	}
	.sectioncontainerHome{
		width:100%;
	}
	.mainLogo img{
		width:50%;
	}
	.homeImg{
		padding-top:0px;
	}
	.menu-bg, #menu {
	  top: 15px;
	  right: 20px;
	  position: absolute;
	}
	.btnBg{
		font-size:15px;
		width:100%;
		margin:10px 0 4px 0;
	}
	.movieDescArea{
		padding:0px 0 0 0;
		text-align:center;
	}
	h1{
		font-size:24px;
		line-height:30px;
	}
	h2{
		font-size:15px;
		line-height:20px;
		text-align:left;
		color:#000001;
		font-weight:bold;
		letter-spacing:2px;
	}
	h4{
		font-size:14px;
		line-height:18px;
	}
	h3{
		font-size:11px;
		line-height:18px;
	}
	h2, h3, h4{
		text-align:left;
		padding-left:18px;
	}
	.photoHeader{
		font-size:16px;
	}
	.photoHeaderSml{
		font-size:14px;
	}
	.photoSubHeader{
		font-size:14px;
		line-height:16px;
	}
	.photoSubHeaderSml{
		font-size:11px;
		line-height:14px;
	}
	.ourTeamCon img{
		width:100%;
	}
	 .ourTeamConSml img{
		width:80%;
	}
	.toggleMenu{
		padding:100px 0px 0 0;
	}
	.movieDescArea{
		width:100%;
	}
	
	.peoplePhotoSec, .peoplePhotoSecSml {
		width:100%;
	}
	.movieImgArea{
		width:100%;
	}
	.peoplePhotos img{
		width:50%;
	}
	.peoplePhotosSml img{
		width:80%;
	}
	.ourPeoplecontainerData{
		width:100%;
	}
	.peoplePhotoSec p, .peoplePhotoSecSml p{
		text-align:center;
		padding-top:20px;
		font-size:14px;
		line-height:18px;
		padding:10px 30px 30px 30px;
	}
	.newsPartCont address p{
		width:100%;
		text-align:center;
		padding-left:0px;
	}
	.ourTeamCon{
		width:100%;
		margin:auto;
		padding:32px 0 0 0;
	}
	 .ourTeamConSml{
		width:48%;
		display:inline-block;
		margin:auto;
		padding:32px 0 0 0;
	}
	.btnSingleTxt{
		margin-top:20px;
	}
	.btnDoubleTxt{
		margin-top:10px
	}
	.ourPeoplecontainerData{
		margin:0px;
	}
	.deskShow{
		display:none !important;
	}
	.mobShow{
		display:inline-block !important;
	}
	.movieDetails {
		width: 100%;
		margin: auto;
	}
	.movieImgAreaMob{
		width:48%;
		display:inline-block;
	}
	.movieImgAreaMob .imgcls{
		width:100%;
	}
	.movieDescAreaMob{
		width:49%;
		display:inline-block;
		vertical-align:top;
	}
	.newsPartCont address p span{
		font-size:16px !important;
	}
	.newsPartCont address p{
		font-size:14px !important;
	}
	.center {
		position: absolute;
		top: 25% !important;
		width: 100%;
	}
	div.responsive .center img{
		width:70%;
	}
	.ovalCenter{
		width:100%; 
		text-align:center; 
		margin:20px auto;
	}
	.lineProdSec{
		width:320px !important;
	}
	.sectioncontainerHome .lineProdSec img{
		width:58% !important;
		margin-right:-30px;
	}
	.sectioncontainerHome .lineProdSec img.last {
		margin-left:-20px;
	}
	
}