/* iPad portrait view style starts */
@media (min-width:768px) and (max-width:1024px) 
{
	/* Hidden style starts */
	.visible-desktop {display:none !important;}
	.visible-desktop-tablet {display:block !important;}
	.visible-tablet {display:block !important;}
	.visible-phone {display:none !important;}
	/* Hidden style ends */
	#top-header, #mid-header, #top-section, .section-odd, .section-even, #nav-header, #tc, #footer-top-cont, #footer-mid, #footer-bot{
		width:750px;
	}
	#mob-top-menu-wrap{display:none;}
	#nav-header-bg ul li{
		padding: 12px 15px 12px 10px;
	}
	section{
		overflow:hidden;
	}
	/* #section-1 .bcg {background-image:url(../images/section-1-bg-tablet.jpg);} */
	#section-4-cont .section-boxes li .box-txt {
		min-height: 195px;
	}
	.odd-sect{
	background-color: #000;
	}
/* #section-1 .bcg {background-image:url(../images/section-1-bg.jpg); }
#section-3 .bcg {background-image:url(../images/section-3-bg.jpg);}
#section-5 .bcg {background-image:url(../images/section-5-bg.jpg);}
#section-7 .bcg {background-image:url(../images/section-7-bg.jpg);} */
	.section-even{
		padding:50px 0;
	}
	#footer-right-menu li a{
		padding: 0 10px 0 5px;
	}
	#footer-mid li.first{width:26%;}
	#footer-mid .footer-right-menu-wrap{width:70%;}

	/* 12th sep starts */
	.algnMid{
		width: 95%;
	}
	.hdrBg{
		padding:20px;
	}
	.main-wrap {
		width: auto;
	}
	#section-1 .bcg{  background-position: 20% 0;}
	.alignCent{top: 4%;   width: 75%;}
	/* 12th sep ends */
}

@media (min-width:768px) and (max-width:979px){
	#top-header, #mid-header, #top-section, .section-odd, .section-even, #nav-header, #tc, #footer-top-cont, #footer-mid, #footer-bot{
		width:auto !important;
	}
	#footer-mid{
		padding:0 10px 15px;
	}
	.full-midSec{
		width:auto;
		padding:0 10px;
	}
	#mid-header-bg ul li:first-child{
		padding-left: 20px;
	}
	#footer-mid li:first-child{
		width: 30%;
	}
	#footer-bot li:first-child{
		width: 70%;
	}
	#footer-mid li ul li, #footer-bot li{
		
	}
	#footer-right-menu li:first-child{
		width:auto;
	}
	 #footer-bot li{
	 width: 30%;
	}
}

@media screen and (orientation:landscape) {
	#top-header, #mid-header, #top-section, .section-odd, .section-even, #nav-header, #tc, #footer-top-cont, #footer-mid, #footer-bot{
		width:940px;
	}
	#mid-header-bg{
		width:100%;
	}
	#top-section-bg, #top-section{display:none;}
	section {
		position: relative;
	}
}


/* Mobile view style starts */
@media (max-width:767px){
	/* Hidden style starts */
	.visible-desktop {display:none !important;}
	.visible-desktop-tablet {display:none !important;}
	.visible-tablet {display:none !important;}
	.visible-phone {display:block !important;}
	/* Hidden style ends */

	/* shadow Style Starts */
	.shadow{
		-moz-box-shadow:0px 0px 9px 6px #082135;
		-webkit-box-shadow:0px 0px 9px 6px #082135;
		box-shadow:0px 0px 9px 6px #082135;
		-pie-box-shadow:0px 0px 9px 6px #082135;
		position:relative;
	}
	/* shadow Style Ends */
	body{
		/* background:#0F375A; */
	}
	#wrap{
		width:200%;
		position:relative;
		left:-200px;
		top:0px;
		float:left;
	}
		#menu-wrap{
			width:200px;
			background:#0F375A;
			float:left;
			height:1000px;
			position:relative;
		}
		#mob-top-menu-wrap{
			position: fixed;
			z-index: 7;
			top: 25px;
			right: 35px;
		}
			.arrow-menu{
				width:100%;
				text-align:center;
			}
		#mob-top-menu{
			background: white;
			padding: 5px;
			border: 2px solid #00609A;
		}
			#mob-top-menu li{
				padding:2px 4px;
				border-bottom:1px solid #ccc;
				border-left:1px solid #ccc;
				border-right:1px solid #ccc;
				width:90px;
			}
			#mob-top-menu li:first-child{
				border-top:1px solid #ccc;
			}
				#mob-top-menu li a{
					font-size:11px;
					color:#666;
					font-family: arial,verdana,times New Roman;
					text-transform: capitalize;
				}
		#mob-menu-header{
			position:relative;
			left:0;
			top:0;
			width:200px;
			overflow:hidden;
			background: url(../images/menu-shadow.jpg) top right repeat-y;
		}
		#mob-menu-header{
			position:fixed;
			width:200px;
		}
			#mob-menu-header ul{
				display:none;
				position:relative;
				width:200px;
				margin-top:41px;
			}
				#mob-menu-header ul li{
					width:100%;
				}
				#mob-menu-header ul li:first-child{
					padding-top:0px;
					border-top:1px solid #082135;
					height:0px;
					margin-bottom: 5px;
				}
					#mob-menu-header ul li.first a{
						border-top:none;
					}
					#mob-menu-header ul li a{
						padding: 10px 25px 10px 25px;
						color:white;
						display:inline-block;
						font-size:14px;
						border-top:1px solid #012A58;
						border-bottom:1px solid #014296;
						width:100%;
						-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
						-moz-box-sizing: border-box; /* Firefox, other Gecko */
						box-sizing: border-box; /* Opera/IE 8+ */
					}
					#mob-menu-header ul li.last a{
						border-bottom:none;
					}
			/**/#top-header-bg, header{
				position: fixed; 
				left: 0;
			}
					
		#content-wrap{
			float:left;
			width:50%;
			background:white;
			position:relative;
		}
		#wrap{
			position:relative;
			top:0;
		}
		#wrap-cont{
			overflow:hidden;
		}
		header{
			position:relative;
			left:0;
			top:0;
		}
		#top-header, #top-section, .section-odd, .section-even{
			width:100%;
		}
			#top-header div, #top-header div ul li {font-size:11px;}
			#top-header #menu-rgt{
				padding:0;
			}
				#top-header-bg #search-cont{
					padding:12px 10px 12px 0;
				}
			#top-header #citbank-txt{
				padding-left:10px;
				-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
				-moz-box-sizing: border-box; /* Firefox, other Gecko */
				box-sizing: border-box; /* Opera/IE 8+ */
			}
				#imp-links li a{
					background: url("../images/down-arrow.png") no-repeat;
					background-position: 0px 2px;
					padding-left: 15px;
					background-size: 9px;
				}

		#mid-header ul#mobile-logo{
			width:100%;
		}
			#mid-header ul#mobile-logo li{
				text-align:center;
				margin-top:0;
				padding: 10px 0;
				width:100%;
				-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
				-moz-box-sizing: border-box; /* Firefox, other Gecko */
				box-sizing: border-box; /* Opera/IE 8+ */
			}
				#mid-header ul#mobile-logo li .mob-menu{
					position:absolute;
					left:10px;
					top:15px;
					width:30px;
				}

		#top-section-bg{
			top: 90px;
			background-position: -20%;
		}
			section {
				position:relative;
				top: 0px;
				left:0;
				margin-top: 0px;
			}
			.odd-sect{
				background-color: #000;
			}
			#section-1 .bcg {
				background-image:url(../images/mob-section-1.jpg);
				background-repeat:no-repeat; 
				height:265px;   
				background-position: 20% -175px;  
			}
			.section-odd{
				height: 400px;
			}
				.section-odd .txt-hdr{
					top: 80px;
				}
				.section-odd p.txt{
					top:120px;
				}
				.section-odd p.play-btn{
					top:130px;
				}
			.section-even{
				padding: 5%;
				-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
				-moz-box-sizing: border-box; /* Firefox, other Gecko */
				box-sizing: border-box; /* Opera/IE 8+ */
			}
			.section-even h1{
				font-size:32px;
				line-height: 45px;
			}
			.section-even .txt{
				/* font-size:20px; */
				line-height:30px;
				padding: 20px 0;
			}
			.section-even .section-boxes{
				padding:0;
				width:100%;
			}
			.section-even .section-boxes li{
				float:none;
				width:100%;
			}
			.section-even .section-boxes li .icon{
				float: none;
				display: block;
				margin: 0 0 20px;
			}
			.section-even .section-boxes li.right{
				padding-left: 0;
				border-left: none;
			}
				.section-even p.scrol-btn{
					padding:0;
				}
				.section-odd .txt-hdr span{
					font-size: 30px;
					padding: 2px 15px;
				}
				.section-even h1 span{
					padding: 0;
				}
				.section-even p.txt span{
					padding: 0;
				}
				.section-odd p.txt{
					padding: 5% 10px;
					line-height: 25px;
				}
				.section-even .section-boxes li .box-txt{
					margin:0 0 20px;
					text-align:center;
				}
				.section-even p.scrol-btn a{
					display:block;
				}

	#footer-mid, #footer-bot{
		width: auto;
		padding-left: 10px;
		padding-right: 10px;
	}
	#footer-bot{
		padding-bottom:15px;
	}
	#footer-top-cont{
		width:100%;
	}
	#footer-mid li, #footer-bot li{
		width:30%;
	}
	#footer-mid li.arrow{
		width:20px;
		float:right;
	}
	#footer-mid #footer-right-mob-menu li:first-child{
		width:80%;
	}
	#footer-mid li:first-child, #footer-bot li:first-child{
		text-align:right;
		padding-right:10px;
		width:62%;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box; /* Firefox, other Gecko */
		box-sizing: border-box; /* Opera/IE 8+ */
	}
	#footer-mid li:first-child{
		padding-right:0;
		width: 70%;
	}
	#footer-top-cont ul li{
		width:33%;
		border:none;
		padding-left:0;
		padding-right:0px;
	}
	.ftr-mid{
		text-align:center;
		padding-bottom:10px;
	}
	#footer-top-cont ul li img{
		width:35px;
	}
	#footer-top-cont ul li:odd{
		padding-left:0px;
		padding-right:15px;
		text-align:right;
	}
	#footer-mid li ul#footer-left-menu li.border-rgt{
		border-left:1px solid #ccc;
		height: 25px;
		margin: 0 0px 0 8px;
	}
	#footer-mid li ul#footer-left-menu li:first-child {
		margin: 0px 0 0;
		padding:0;
	}
	#footer-right-mob-menu li{
		text-align:right;
	}
	#footer-right-mob-menu li a{
		font-size: 9px;
		padding-top: 7px;
		display: inline-block;
		color:#000;
	}
	#footer-right-mob-menu li.arrow a{
		display:inline-block;
		position:relative;
		top:0;
		right:0;
		width:20px;
		background: url("../images/foot-down-arrow.png") no-repeat;
		background-size: 16px;
		background-position: right 10px;
		-webkit-transition: -webkit-transform 1s;
		-moz-transition: -moz-transform 1s;
		-ms-transition: -ms-transform 1s;
		-o-transition: -o-transform 1s;
		transition: transform 1s;
	}
	
	#footer-mid li ul#footer-left-menu li{
		padding:0;
	}
	.social-icon{
		width: 22px;
		display: inline-block;
		margin-top: 2px;
		padding-left: 5px;
	}
	#footer-mid li.footer-right-menu-wrap{
		width:100%;
		display:none;
	}
	#footer-mid li.footer-right-menu-wrap{
		margin-top:10px;
		padding: 0 7px;
	}
	#footer-mid li.footer-right-menu-wrap li{
		width:auto;
	}
	#footer-mid li.footer-right-menu-wrap li a{
		padding: 0 7px 0 5px;
	}
	#footer-bot li{
		width:25%;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box; /* Firefox, other Gecko */
		box-sizing: border-box; /* Opera/IE 8+ */
		font-size: 10px;
	}
	#footer-bot li:first-child{
		width:75%;
		text-align:left;
	}
	#footer-bot li:first-child img{
		width:63%;
		display:inline-block;
		
	}
	.txt1{
		font-size:21px;
		padding:10px 0 0;
		line-height:29px;
	}
	#footer-top-cont ul li a{
		font-size:14px;
		text-align:center;
	}
			/* 12th sep starts */
			.algnMid{
				width: 100%;
			}
			.hdrBg{
				font-size:37px;
				line-height: 43px;
				color:#414042;
			}
			.posMid{margin-top:10px; top:0px; font-size:42px; line-height:46px; padding-bottom:0px; text-align:center;}
			.posMidNxt{margin-bottom:20px; text-align:center;}
			#section-1-cont{
				position:relative;
			}
			.midSection{
				width:100%;
			}
			.stmtTitle{
				font-size: 42px;
				line-height: 50px;
			}
			.midContainer{
				padding:25px 20px;
			}
			.formCont, .formCont.first{
				margin-top:00px;
			}
			.formCont .last{margin-top:20px;}
			.InputBox{
				width: 100%;
				margin-top: 20px;
			}
			.mailBox input{
				width: 92%;
				margin:20px 0;
			}
			.chkBox input{
				margin:2px 0 0;
			}
			.txtBlk{
				width:91%;
				padding-top:0;
			}
			/* .last{
				margin:0;
			} */
			.sec2Title{
				font-size: 38px;
				padding:0 10px;
				line-height:37px;
			}
			.btmCol{
				/*width: 29%;*/
				margin-right: 2.5%;
			}
			.btmCol.colLast{
				margin-right: 0;
				
			}
			.btmCol{width:27%;}
			.btmCol p{
				font-size: 12px;
			}
			#mid-header{
				width:auto;
				padding:0 10px;
			}
			/*  12th sep ends */

			/* 22nd sep starts */
			#mid-header-bg ul li:first-child{
				margin-top: 0;
				padding:10px 0;
			}
			.estmtSec{
				padding-top: 20px;
			}
			.main-wrap {
				width: 100%;
				position: relative;
			}
			.sec3Title{
				line-height: 35px;
				font-size:27px;
			}
			.dvceTopSpace{
				padding-top:15px;
			}
			/* 22nd ends */

#footer-bot img{  /*width: 60%;*/}
#footer-mid{margin: 0px auto;}

}
@media (min-width:600px) and (max-width:640px){
	#footer-bot li:first-child img{
		width: 52%;
	}
}
@media (min-width:355px) and (max-width:365px){
	/*12th sep */
	#top-header div, #top-header div ul li{
		font-size:10px;
	}
	#top-header div:first-child{
		width:42%;
	}
	#top-header div{
		width:58%;
	}
	#mid-header-bg ul li{
		padding:20px 0;
	}
	.formCont, .formCont.first{
		margin-top:0;
	}
	.InputBox{
		width: 100%;
		margin-top: 20px;
	}
	.mailBox input{
		width: 92%;
		margin:20px 0;
	}
	.chkBox input{
		margin:2px 0 0;
	}
	.txtBlk{
		width:91%;
		padding-top:0;
	}
	.sec2Title{
		line-height: 45px;
	}
	.padTopBtm{
		padding:20px 0;
	}
	.estmtSec{
		padding-top: 20px;
	}
	.btmCol{
		width:100%;
		margin-bottom:20px;
	}
	.btmCol.colLast{
		width:100%;
	}
	#footer-top-cont ul li a{
		font-size: 13px;
		padding:0;
		display:block;
		text-align:center;
		
	}
	#footer-top-cont ul li{
		width:33%;
		padding-left:0;
	}
	.ftr-mid{
		text-align:center;
		padding-bottom:10px;
	}
	#footer-mid #footer-right-mob-menu li:first-child{
		width: 77%;
	}
	.btmCol p{
		font-size:14px;
	}
	.sec3Title{
		line-height: 35px;
	}
	/* 12th sep ends */
}
@media (max-width:375px){
	
	/*12th sep */
	#top-header div:first-child{
		width:42%;
	}
	#top-header div{
		width:58%;
	}
	#top-header div, #top-header div ul li{
		font-size:10px;
	}
	#mid-header-bg ul li{
		padding:20px 0;
	}
	.formCont, .formCont.first{
		margin-top:0;
	}
	.formCont .last{margin-top:20px;}
	.InputBox{
		width: 100%;
		margin-top: 20px;
	}
	.mailBox input{
		width: 92%;
		margin:20px 0;
	}
	.chkBox input{
		margin:2px 0 0;
	}
	.txtBlk{
		width:91%;
		padding-top:0;
	}
	.sec2Title{
		font-size: 32px;
		line-height:36px;
	}
	.sec3Title{
		line-height: 29px;
		font-size:23px;
	}
	.padTopBtm{
		padding:20px 0;
	}
	.estmtSec{
		padding-top: 20px;
	}
	.chkBox{
		width:21px;
	}
	.btmCol{
		width:100%;
		margin-bottom:20px;
	}
	.btmCol.colLast{
		width:100%;
	}
	#footer-top-cont ul li a{
		font-size: 13px;
		padding:0;
		display:block;
		text-align:center;
		
	}
	#footer-top-cont ul li{
		width:33%;
		padding-left:0;
	}
	.ftr-mid{
		text-align:center;
		padding-bottom:10px;
	}
	#footer-mid #footer-right-mob-menu li:first-child{
		width: 77%;
	}
	.btmCol p{
		font-size:14px;
	}
	.social-icon{
		padding-left: 3px;
	}
	/* 12th sep ends */

	/* 22nd sep starts */
	#footer-bot li:first-child{
		width: 75%;
	}
	#footer-bot li{
		width: 25%;
	}
	#footer-bot img {  width: 90%;}
	/* 22nd ends */
}

.footer-rotate {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	background-position: 0px !important;

}
.container {
padding: 20px 10px;
}