.lock{
    overflow: hidden;
	position:fixed;
	top:0px; left:0px;
	width:100%; height:100%;
}
.activeView{
	-webkit-transform: translate3d(0,0,0)!important;
	-moz-transform: translate3d(0,0,0)!important;
	transform: translate3d(0,0,0)!important;
}
.slideView{display:none;}

/* ######################################################## FOR 1170 */
@media only screen and (max-width:1170px)
{
	.zoom{width:28%;}
}


/* ######################################################## FOR IPAD 1024 */
@media only screen and (max-width:1050px)
{
	body{background:#fff;}
	main{box-shadow:none; padding:0px; width:100%;}
	.newPaperDetail .headerMain .wrapper{width:100%;}
	
	/* === */
	.offline-ui{
		text-align:center;
		position:relative;
		top:0px; left:0px; z-index:10;
	}
	.offline-ui .offline-ui-content{width:100%; border-radius:0px;}
	
	/* === */
	.frontIndex .list ul{ display:grid; grid-template-columns: 30.5% 30.5% 30.5%; grid-gap:4%;}	
	
	/* === */
	.headerMain{
		background:#fff; 
		box-shadow:0px 0px 10px rgba(0,0,0,0.2); 
		padding:0px; height:60px; 
		overflow:hidden; text-align:center; 
		margin-bottom:25px;
	}
	.headerMain a.logo{float:none; height:60px; line-height:60px;}
	.headerMain a.logo img{width:140px; vertical-align:middle;}
	
	/* === */
	.menuIcon, .backIcon, .homeIcon{display:block;}	
	.navMenu{
		border-top:5px solid #e31e25;
		display:block;
		position:fixed;
		z-index:20005;
		background-size: contain;
		background-color:#ffffff;
		width:320px; height:100%;
		top:0px; left:0px;		
		
		-webkit-transform: translate3d(-100%,0,0);
		-moz-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
		
		overflow:hidden;
		overflow-y:scroll;
		-webkit-overflow-scrolling: touch;
		
		-webkit-transition: -webkit-transform 350ms ease;
		-moz-transition: -moz-transform 350ms ease;
		transition: transform 350ms ease;	
	
	}
	.menuToggle{
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);			
	}
	.menuToggleOverlay{display:block!important;}
	
	.menuBottom{
		position: absolute;
		bottom:0px; left:0px;
		width:100%; text-align:center;
		padding:10px 10px 15px;
		color:#d5d5d5;
		font-size:16px;
	}
	.menuBottom a{color:#000; margin:0px 5px;}
	
	/* === */
	
	.navMenu ul{}
	.navMenu ul li.loginUser{
		border-bottom:1px solid rgba(0,0,0,0.1);
		padding:15px 20px;
		text-align:center;
		background:#000; color:#fff;
	}
	.navMenu ul li.loginUser lable, .navMenu ul li.loginUser strong{
		display:block;
	}
	.navMenu ul li.loginUser strong{font-size:18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.navMenu ul li a, .navMenu ul li a:hover{
		border-radius:0px;
		background:none; box-shadow:none; border:none;
		color:#000;		
		padding:15px 20px 15px 50px; 
		margin:0px;
		font-size:16px;
		font-weight:400;
		text-transform:none;
		text-align:left;
		display:block;				
		border-bottom:1px solid rgba(0,0,0,0.1);
		transform:translateY(0px);
	}
	.navMenu ul li a:after{
		content:" ";
		width:15px; height:15px;
		position:absolute; top:17px; right:10px;
		background-image:url('../../images/arrow.png');
		background-repeat:no-repeat;
		background-size:8px;
		background-position:center;
		opacity:0.2;
	}
	.navMenu ul li a:before{
		content:" ";
		width:40px; height:40px;
		position:absolute; top:5px; left:6px;		
		background-repeat:no-repeat;
		background-size:32px;
		background-position:center;
	}
	.navMenu ul li a.home:before{background-image:url('../../images/menu_home_ico.jpg');}
	.navMenu ul li a.myaccount:before{background-image:url('../../images/my_account_icon.png'); background-size: 27px;}
	.navMenu ul li a.policy:before{background-image:url('../../images/menu_policy_ico.jpg');}
	.navMenu ul li a.terms:before{background-image:url('../../images/menu_terms_ico.jpg');}
	.navMenu ul li a.gs:before{background-image:url('../../images/menu_gs_ico.png');}
	.navMenu ul li a.date:before{background-image:url('../../images/calender_black.png'); background-size:15px;}	
	.navMenu ul li a.logout:before{background-image:url('../../images/logout_icon.png'); background-size:19px;}
	
	
	/* === */
	.beforeLogin{padding:25px; text-align:center;}
	.beforeLogin a{display:inline-block; margin:10px 0px 15px; min-width:120px;}
	
	
	.indexDate{
		border:1px solid rgba(0,0,0,0.1);
		box-shadow: 0px 3px 3px 0px rgba(77, 70, 103, 0.09);
		border-radius:6px;
		display:block; margin:0px 15px 20px;
		padding:12px 15px;
		font-family: 'Poppins', 'Hind Vadodara', sans-serif,  'Open Sans', sans-serif;
		font-size:16px; letter-spacing:0.5px;
		background:url('../../images/calender_black.png');
		background-repeat:no-repeat;
		background-size:15px;
		background-position:calc(100% - 15px) 15px;
	}
	
	/* === */
	.frontIndex{ display:block; }
	.frontIndex .list{margin:0px 15px;}
	.frontIndex .list h2{font-size:18px;}
	.frontIndex .list ul{ display:block;}
	.frontIndex .list ul:after{content:" "; clear:both; display:block;}
	.frontIndex .list ul li{float:left; width:48%; text-align:center;}
	.frontIndex .list ul li:nth-child(2n){margin-left:4%;}
	.frontIndex .list ul li img{display:inline-block;}
	
	/* === newpaper_detail.php */
	.newPaperDetail .ads{display:none}
	.newPaperDetail .paperPage{width:100%; float:none;}
	.newPaperDetail .paperPage .navigation{width:40px; height:60px; background-size:22px;}
	.newPaperDetail .paperPage .navigation.next{ border-radius: 10px 0px 0px 10px; right:0px;}
	.newPaperDetail .paperPage .navigation.prev{ border-radius: 0px 10px 10px 0px; left:0px;}
	.newsModel .imageView img{max-width:100%;}
	
	.newPaperDetail .paperPage #fullImageDivId{min-height:320px;}
	.subHeader .tab a:hover { color: #000;}
	/* === newpaper_detail.php */
	.newPaperDetail #mainHeader .headerMain{z-index:100000;  display:block;}
	.newPaperDetail #mainHeader .headerMain nav{display:block;}
	.newPaperDetail .headerMain{padding:0px; z-index:1;}
	.newPaperDetail .headerMain .logo{margin:0px;}
	.newPaperDetail .headerMain .date, .newPaperDetail .headerMain .socialIco{display:none;}
	.gridIco{
		position:absolute;
		top:12px; right:15px; z-index:15;
	}
	.gridIco:before{display:none;}
	.subHeader .tab{
		float:none; width:100%; text-align:center; font-size:15px;
		overflow: auto;
		overflow-y: hidden;
		white-space: nowrap;
		max-width: 100%;
	}
	
	.newsThumbnailiWrapper{
		position:fixed;
		z-index:20005;
		width:100%;
		height:100%;
		top:0px; left:0px;
		background:#1f1f1f;
		
		overflow:hidden;
		overflow-y:scroll;
		-webkit-overflow-scrolling: touch;
	}
	.newsThumbnailiWrapper .newsThumbnailList{position:relaetive; padding:0px; height:auto;}
	.newsThumbnailiWrapper .newsThumbnailList .wrapper{}
	.newsThumbnailiWrapper .newsThumbnailList ul{
		display:block; white-space:normal; 
	}	
	.newsThumbnailiWrapper .newsThumbnailList ul li{ margin:0px; width:30%; height:145px; float:left; margin:0px 0 15px 2.5%;}
	.newsThumbnailiWrapper .newsThumbnailList ul li a{width:100%; height:145px;}
	.newsThumbnailiWrapper .newsThumbnailList ul li a img{width:100%;}
	
	
	.newsModel{
		top:0px; left:0px; height:100%; width:100%;
		overflow:hidden;
		overflow-y:scroll;
		-webkit-overflow-scrolling: touch;
	}
	.newsModel .detailHeader{padding:0px; margin:0px; z-index:2;}
	.newsModel .detailHeader a.close{
		background:url('../../images/nav_back.png') no-repeat; background-size:22px; background-position:center;
		left:0px; right:auto;
		border-right:1px solid rgba(0,0,0,0.1);
	}
	.newsModel .detailHeader .tab{float:none; width:100%; text-align:center; padding:0px 55px;}
	.newsModel .detailHeader .tab a{font-size:15px;}
	
	.newsModel .textView, .newsModel .imageView{padding-bottom:70px;}
	
	.newsModel .socialIco{
		position:absolute; bottom:15px; left:0px;
		text-align:center; width:100%;
		display:none;
	}
	
	
	/* === */
	.flaotingIcon{
		width: 50px;
		height: 50px;
		overflow: hidden;
		background:url('../../images/link.png') no-repeat #e31e25; 
		background-position:center;
		background-size:25px;
		
		box-shadow: 0px 7px 16px 0px rgba(230, 107, 127, 0.35);
		border-radius: 100%;
		position: fixed;
		bottom: 15px;
		right: 15px;
		z-index: 100;
		text-align: center;
		line-height: 50px;
		color: #fff;
		font-weight: 200;
		font-size: 22px;
	}
	.shareflaotingIcon{
		background:url('../../images/share_ico.png') no-repeat #000; 
		background-position:center;
		background-size:25px;
		left: 15px; right:auto;
	}
	/* ====== */
	.shareflaotingIcon.active{
		z-index:155; 
		background:url('../../images/cross_white_icon.png') no-repeat #e31e25; 
		background-position:center;
		background-size:15px;
	}
	.socialIco{
		position: fixed;
		top: 0px; left: 0px; z-index: 150;
		width: 100%; height:100%;
		background:rgba(255,255,255,0.8);
	}
	.socialIco span{
		position: absolute;
		bottom: 70px; left: 5px;
		width:60px;
	}
	.socialIco span a{margin-bottom:15px;}
	
	/* ====== */
	.zoom{
		position: fixed;
		bottom: 20px; left: 0px; z-index: 90;
		width: 100%;
		display:block;
		text-align:center;
	}
	.zoom span.textZoom{
		background:#fff;		
		border-radius:5px;
		border:1px solid rgba(0,0,0,0.2);
		box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
		width: 100px;
		margin:0px auto; padding:0px;
	}
	.zoom span.textZoom a{margin:0px; width:48%; text-align:center; padding:8px 0px 4px;}
	.zoom span.textZoom img{width:25px; vertical-align:top;}
	.zoom span.textZoom .increes{border-right:1px solid rgba(0,0,0,0.2)}
	
	
	/* === my_account.php */
	.myAccount{padding:0px 25px;}
	
	/* === package.php */
	.emailVerify{margin-top:0px;}
}

/* ######################################################## FOR IPAD 768 */
@media only screen and (max-width:980px)
{	
	
	.wrapper{width:100%; padding:0px 25px;}   
	.headerMain .wrapper{padding-left:0px; padding-right:0px;}
	.footerMain .wrapper{padding-left:0px; padding-right:0px;}
	.viewNewsPaper{margin-left:0px; margin-right:0px; padding-left:0px!important; padding-right:0px!important;margin-top: 10px;}
	
	.frontIndex .list ul li img{display:block;}
	
	.navMenu{width:80%!important;}
	.navMenu ul li a.gs::before{top:10px;}
	
	/* === Login Register */
	.fromAndText{display:block!important;}
	.fromAndText .form{margin:0px 2%;}
	.fromAndText .introText{margin-top:45px;}
	.faqEddition{grid-template-columns: 100%!important; grid-gap:0;!important}
	.quickFAQ{grid-row-start: 2!important; grid-column-start: unset!important;}
	#forgotPassForm p{padding-bottom:15px;}
	
	/* === package page */
	.enterDetails{display:block; margin:0px; padding-top:0px; padding-bottom:100px;}
	.enterDetails .selectedPckage{padding:10px;}
	.enterDetails .selectedPckage h3{margin-bottom:12px;}
	.enterDetails .personalDetail{padding:0px; margin-top:25px;}
	
	/* === My Account page */
	.myAccount .accountDetail p{margin-bottom:25px;}
	.myAccount .accountDetail ul{width:100%; float:none; margin:0px;}
	
	/* === Thank You Section */
	.userMessageSection{text-align:center; margin:0px 15px; padding:0px 0px 100px;}
	.userMessageSection .userMessageIco{float:none; width:100%;}
	.userMessageSection .userMessageContent{float:none; width:100%; padding:0px;}
	.userMessageSection .userMessageIco img{width:200px;}
	
	
	/* === my_account.php */
	.myAccount .accountDetail{grid-template-columns: 48% 48%; grid-row-gap:20px;}
	.myAccount .subscriptionDetail .ulListing{border:none;}
	.myAccount .subscriptionDetail .ulListing li{
		display:block; padding:10px 20px 0px 20px; 
		border: 1px solid rgba(0,0,0,0.1); margin-bottom:25px;
		box-shadow:0px 0px 10px rgba(0,0,0,0.1)
	}
	.myAccount .subscriptionDetail .ulListing li.title{display:none!important;}	
	.myAccount .subscriptionDetail .ulListing li div{padding:0px; border:none;}
	
	.myAccount .subscriptionDetail .ulListing li .col1{display:none;}
	.myAccount .subscriptionDetail .ulListing li .col3{ font-size:20px; font-weight:600; padding-bottom:10px;}
	.myAccount .subscriptionDetail .ulListing li .col4{position:absolute; top:36px; right:20px; text-align:right;}
	
	.myAccount .subscriptionDetail .ulListing li .col5,
	.myAccount .subscriptionDetail .ulListing li .col6,
	.myAccount .subscriptionDetail .ulListing li .col7{padding-bottom:5px;}
	
	
	.myAccount .subscriptionDetail .ulListing li .col5 label,
	.myAccount .subscriptionDetail .ulListing li .col6 label,
	.myAccount .subscriptionDetail .ulListing li .col7 label{
		display:inline-block;
		width:110px; opacity:0.7;
	}
	.myAccount .subscriptionDetail .ulListing li .col8{
		border-top: 1px solid rgba(0,0,0,0.1);
		padding:15px 10px; text-align:center;
		margin-top:10px;
		color:rgba(0,0,0,0.1);
	}
	.myAccount .subscriptionDetail .ulListing li .col8 a{margin:0px 20px;}
	
	/* === package.php */
	.emailVerify .verifyMessage img{display:none;}
	.emailVerify .verifyMessage{padding-left:20px;}
	
}

/* ######################################################## FOR Mobile */
@media only screen and (max-width:767px)
{
	
	.wrapper{width:100%; padding:0px 15px;}
	
	/* === Login */
	.systemEntrance .modelWrapper .entranceWrapper{display:block;}
	.systemEntrance .modelWrapper .entranceGraphics{display:none;}
	.systemEntrance .modelWrapper .entranceElements{padding:25px;}
	
   
	/* === */
	.footerMain{text-align:center;}
	.footerMain .footerRight{float:none;}
	.footerMain .logo, .footerMain .quickLinks, .footerMain p{float:none; width:auto;}
	.footerMain .quickLinks{text-align:center; padding:15px 0px;}
	.footerMain .logo img{width:120px;}
	
	
	/* === Newspaper Detail */
	.subHeader .wrapper{min-height: 55px!important;}
	.newsThumbnailiWrapper .newsThumbnailList .wrapper{padding-left:0px; padding-right:0px;}
	.newsThumbnailiWrapper .newsThumbnailList ul li a:hover{border-color:#000;}
	.newPaperDetail .paperPage .pagging ul li{margin:0px 35px; z-index:1;}
	.newPaperDetail .paperPage .paginationjs-nav{top:-27px; z-index:0;}	
	.swiper-button-prev, .swiper-button-next{
		width:40px!important; height:40px!important;
		background-size:20px;
	}	
	.swiper-wrapper, .swiper-slide{min-height:400px!important;}
	
	/*  ===== */
	.shareOptionsOverlay{
		position:fixed;
		top:0px; left:0px; z-index:15;
		width:100%; height:100%;
		background-color:rgba(0,0,0,0.5);
	}
	.newPaperDetail .paperPage .shareOptions{
		position:fixed;
		bottom:0px; left:0px; z-index:20;
		width:100%;
		
		-webkit-transform: translate3d(0,100%,0);
		-moz-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);

		-webkit-transition: -webkit-transform 350ms ease;
		-moz-transition: -moz-transform 350ms ease;
		transition: transform 350ms ease;	
	}
	.newPaperDetail .paperPage .shareOptions.active{
		-webkit-transform: translate3d(0,-100px,0);
		-moz-transform: translate3d(0,-100px,0);
		transform: translate3d(0,-100px,0);
	}
	.newPaperDetail .paperPage .shareOptions .socialIco{
		all:unset;
		background:#fff;
		border-radius:10px;
		padding:9px;
		box-shadow:0px 0px 15px rgba(0,0,0,0.4);
		display:inline-block;
	}
	.newPaperDetail .paperPage .shareOptions .socialIco a{margin:0px 5px;}
	
	/*  ===== */
	.newPaperDetail .paperPage .controlPanel{
		position:fixed;
		bottom:0px; left:0px; z-index:10;
		width:100%;
		background-color:rgba(0,0,0,0.85);
		display:flex;
	}
	.newPaperDetail .paperPage .controlPanel a{
		all: unset;
		width:100%!important; padding:5px 0px;
		text-align:center;
		border-right:1px solid rgba(255,255,255,0.05);
		cursor:pointer;
	}
	.newPaperDetail .paperPage .controlPanel a:before{
		content:" ";
		display:inline-block;
		width:30px; height:30px;
		background-image:url('../../images/slider-controll.png');
		background-size:30px;
		background-repeat:no-repeat;
		top:3px; position:relative;
	}
	.newPaperDetail .paperPage .controlPanel a.prev:before{background-position:0px -30px;}
	.newPaperDetail .paperPage .controlPanel a.next:before{background-position:0px 0px;}
	.newPaperDetail .paperPage .controlPanel a.zoomIn:before{background-position:0px -60px;}
	.newPaperDetail .paperPage .controlPanel a.zoomOut:before{background-position:0px -90px;}
	.newPaperDetail .paperPage .controlPanel a.share:before{background-position:0px -129px;}
	.swiper-button-disabled{opacity:0.3!important;}
	
	
	div.swiper-button-next, div.swiper-button-prev{
		border-radius:0;
		background-color:rgba(0,0,0,0.8);
	}
	div.swiper-button-next{right:0px; border-radius:5px 0px 0px 5px;}
	div.swiper-button-prev{left:0px; border-radius:0px 5px 5px 0px;}
	
	.signinToRead .modelWrapper .modelContent{display:block;}
	.signinToRead .modelWrapper .modelContent div img{display:none;}
	
	
	/* === Floting Message */
	.accountNotice{bottom:57px;}
	.floatingMessages{
		position:fixed; bottom:0px; right:auto; left:0px; width:100%;
		box-shadow:0px 0px 10px rgba(0,0,0,0.8);
	}
	.floatingMessages .messageText{
		width:100%;
		border-radius:0px;
		box-shadow:none;
		border-bottom:1px solid rgba(0,0,0,0.1);
		margin:0px;
	}
	.messageText.warningText{background-size:25px; background-position:12px 20px; padding-left:50px;}
	.messageText h6{font-size:14px;}
	.messageText p{font-size:13px;}
	
	/* === newsModel */
	.zoom span.imageZoom a{
		background:url('../../images/zoom_controler_icon.png');
		background-repeat:no-repeat;
		background-size: 23px;
		transition:none;
	}
	.zoom span.imageZoom a:after{opacity:0;}
	.zoom span.imageZoom a.in{background-position: 7px 5px;}
	.zoom span.imageZoom a.in.active{background-position: 7px -28px;}
	.zoom span.imageZoom a.out{background-position: 9px -60px;}
	.zoom span.imageZoom a.out.active{background-position: 9px -93px;}
	
	.cutInfo{padding:0px 10px;}
	.cutInfo .editoinLogo{float:left;}
	.cutInfo .editoinLogo img{max-width:110px;}
	.cutInfo label, .cutInfo span{position:absolute; top:0px; right:0px;  font-size:13px;}
	.cutInfo span{font-weight:500; top:8px;  right:10px;}
	.cutInfo label{top:24px; right:10px; color:#888;}
	
	
	
	
	
	/* === */	
	.getTodayPaper{
		display:none!important;
		background:#000; color:#fff;
		border-radius:5px;
		margin:0px 15px 25px;
		padding:10px;
	}
	.getTodayPaper label{display:block; font-size:15px; line-height:20px; font-weight:600; letter-spacing:0.5px;}
	.getTodayPaper label span{display:block; font-size:13px; text-transform:uppercase; font-weight:600; opacity:0.8;}
	.getTodayPaper a{
		position:absolute;
		top:5px; right:5px;
		background:#fff;
		color:#000; padding:5px 10px;
		border-radius:5px;
		font-weight:600;
		margin-top:8px; margin-right:6px;
	}
	
	/* === */
	.frontIndex .rightPanel{
		border-top:5px solid #e31e25;
		display:block;
		position:fixed;
		z-index:20005;
		background-size: contain;
		background-color:#ffffff;
		width:100%;
		height:100%;
		top:0px; left:0px;
		padding:15px 15px;
		
		-webkit-transform: translate3d(100%,0,0);
		-moz-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
		
		overflow:hidden;
		overflow-y:scroll;
		-webkit-overflow-scrolling: touch;
		
		-webkit-transition: -webkit-transform 350ms ease;
		-moz-transition: -moz-transform 350ms ease;
		transition: transform 350ms ease;		
	}
	.frontIndex .rightPanel .todayEditionThumb{display:none;}
	.readTodayEditionForm{margin-top:35px;}
	
	.indexDate{margin-left:0px; margin-right:0px; }
	.frontIndex .list{margin:0px;}
	.frontIndex .list li .thmbnail{height:auto;}
	.frontIndex .list li .thmbnail img{width:auto; height:auto;}
	
	/* === */
	.todaysNewsModel .modelWrapper{display:block;}
	.todaysNewsModel .modelWrapper .readTodayEditionForm{margin:0px; padding:0px;}

	/* === Login Register */
	.loginRegister h1{font-size:21px; line-height:33px; padding:0px 15px;}
	.loginRegister h1 br{display:none;}
	.loginRegister .fromAndText .form{margin:0px 20px;}
	.planList{grid-template-columns:48% 48%; grid-gap:4%;}
	.registerPage .faqEddition{grid-gap:0;}
	.registerPage .faqEddition{padding:0px 15px; margin-bottom:25px;}	
	.registerPage .editions ul{grid-template-columns:48% 48%; grid-gap:4%;}
	
	.introText .planList{display:block;}
	
	.registerPage .editions li .thmbnail{height:auto; line-height:normal;}
	.registerPage .editions li .thmbnail img{width:auto; height:auto;}
	
	/* === package page */
	.enterDetails .personalDetail{padding:15px;}
	.enterDetails .personalDetail .form{margin:0px;}
	.enterDetails .personalDetail .form li .label{width:100%; float:none; padding-bottom:10px;}
	.enterDetails .personalDetail .form li .value{width:100%; float:none; padding:0px;}
	
	.enterDetails .personalDetail .form li input[name="txtFirstName"]{width:100%!important; margin:0px 0px 10px;}
	.enterDetails .personalDetail .form li input[name="txtLastName"]{width:100%!important; margin:0px 0px 5px;}
	.enterDetails .personalDetail .form li input[name="txtPincode"]{width:100%!important; margin:0px 0px 10px;}
	.enterDetails .personalDetail .form li select[name="dobday"]{width:20%!important; margin:0px 0px 10px;}
	.enterDetails .personalDetail .form li select[name="dobmonth"]{width:40%!important; margin:0px 0px 10px;}
	.enterDetails .personalDetail .form li select[name="dobyear"]{width:25%!important; margin:0px 0px 10px;}
	.enterDetails .personalDetail .form li select[name="txtStateId"]{width:100%!important; margin:0px 0px 10px;}
	.enterDetails .personalDetail .form li .segment{width:100%!important;}
	.enterDetails .personalDetail .form li .fieldLoader{width:100%!important;}
	
	.selectPackage{padding-bottom:100px;}	
	.planList.grid4, .planList.grid3{display:block;}
	
	
	/* === my_account.php */
	.myAccount .accountDetail{grid-template-columns: 100%; grid-row-gap:20px;}
	
	/* === edit_profile.php */
	.editProfile .personalDetail{padding:0px!important; margin:0px!important;}
	.editProfile .personalDetail br{display:none!important;}
	
	
}

/*
	================
	Only for iPhone5s
	================
*/
@media only screen and (max-width:320px){
	
	
	.navMenu{width:270px!important;}
	.navMenu ul li a, .navMenu ul li a:hover,
	.menuBottom{
		font-size:14px;
	}
	
}