@media screen and (max-width: 1024px)
{
	
	.hmloanframe {width:98%!important;}
	.service-head {
		background: url(../images/services-headbg.jpg) repeat-x;
		color: #0ea35d !important;
		margin: 25px 0;
		border: #b0cbab 1px solid;
		font-weight: bold;
		padding: 5px;
	}
	.search input {
		padding: 0 5px;
		width: 156px;
	}
	.card-ss {
		 height: auto !important;
	}
	.table-content .apply-online {
		margin-left: 20px !important;
		margin-right: 20px !important;
	}
	.depo    {margin-right: 30px; }
	.depo input   {width:100%;}
    .flexy-menu { width:105% !important;}
    .flexy-menu > li > a {padding: 8px 3px !important ;}
	/*.flexy-menu > li > a {padding: 8px 9px !important ;}*/
	div#ddimages1 {z-index: 1;}
	 
	
}
	/*  !phone 6 Media */
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2)
{
	
	
.cards .cardsimage img {
    padding-left: 0px;
    float: left;
}
	
.nw-pargaraph {
    padding: 45px 5px 5px;
   }
.event {
    width: 100%;
}
.event-details{
	width: 100%;
}
.event-gallery{
	width: 100%;
}
	
.atm-mapview {
   width: 100%;
}
.map-legend2 {
    width: 100% !important;
	height:600px !important;
}	
	
.photos-right {
   float: left;
}
.message-2 {
    width: 100%;
}
	
.box-wrappar4 {
    width: 100%;
    background: #c3e9bb !important;
    min-height: 395px !important;
    padding: 10px 10px;
    margin: 0px 0 10px 0 !important;
    float: left;
}
.box-wrappar3 {
    width: 100%;
    background: #9bc692 !important;
    min-height: 393px !important;
    padding: 10px 10px;
    margin: 0px 0 10px 0 !important;
    float: left;
}
.box-wrappar3 {
   float: left;
}
.branch-atmlocator {
    float: left !important;
    margin-bottom: 20px;
}
.forin input[type="text"]{ margin:0; height:auto; width:100%;}
.forin input[type="submit"]{ width:100%; margin:10px 0 45px 0;}
.loan-calkulator .form input[type="text"]{ width:100% !important; height:30px !important; padding:0 0 0 5px;}
.loan-calkulator    {        width: 100% !important;    }
.hmloanframe    {        width: 100%;    }
.loanadvframe{width:100%; height:1140px !important; }		
.ebankingpart {  background-image: none !important;  background-color: #00a85e;  margin: 10px 0 10px 0;}
.form{ height:auto !important; width:100% !important;}
.home-footer{ display:none !important;}
.currency-convertor{ height:auto !important;color:#fff;}
.currency-convertor .form input[type="text"]{ width:100% !important; margin:0px 0 10px 0; height:30px !important; padding:0 0 0 5px;}
.currency-convertor .form input[type="submit"]{ margin-bottom:10px;}
.box-wrappar2{ width:100%; background:#01a860 !important; min-height:500px !important; padding:10px 10px; margin:0px 0 10px 0 !important}
.content {width:100% !important;}
.content-item-1 {width:100%;}
.content-item-2 {width:100%; margin-left:0;}
.content-item-3 {width:100%; margin-left:0;}
.content-tijari {width:100%;  margin-left:0; }
.content-tijari2{width:100%;  margin-left:0 !important;}
.content-tijari3 {width:100%; margin-left:0 !important;}
.content-item-2 .bx-prev {display:none;}
.content-item-2 .bx-next	{display:none;}
.content-item-sub { width: 100% !important;}
.language {margin: 0 20px 0 0;}
.sidebar { width: 100%;margin-bottom: 0 !important;}
.banner-inner {width: 100% !important;margin-top: 12px !important;height: auto !important;}
.box-content {width: 100% !important; margin-bottom:10px;}
.main-right-pannel {width: 100% !important;}
.banner-inner img {width: 100% !important;}
.Announcements{width: 100% !important;}
.dashed {width: 100% !important;}
.cnt-form01 .row input[type="text"]  {width:100%;}
.cnt-form01 .row textarea  {width:100%;}
.cardsimage  {float:left !important; width:191px;}
.wrapper {width:100%;}
.footerlinkpart {width: 100% !important;float: left !important;margin: 0 0 0 23px !important;}
.footer-main .social {width: 100% !important;float: left !important;margin: 5px 0 0 -10px !important;padding: 10px 0 10px 0 !important;}
.footer-main .copyright {width: 100% !important;float: left !important;font-size: 9px !important;}
.footer-main   {width: 100% !important;background: #eae8e9; border-top: 1px solid #c0c0c0;height: auto !important;
				position: relative !important;margin: 20px 0 0 0 !important;}
.power {width:70px;}
.report  {width:100%;}
.field_select_df3account select {border: none !important; width: 99%;}
.box-content1 {width:100% !important;}		
.field_select_df3account {background:none; border:none; height:25px;}		
.form-control {margin-bottom:20px;}
.form-control { height:40px;}
.comfresh {width: 100%;float: left;height: auto;margin: 10px 0 10px 0;}
.table-content { width:100%;}
.forin-result {margin: 0;width: 100%;}
.sidebar h1 {width:96%;}
.sucess-right {
  background: #eef2f0 !important;
  width: 100%;
  margin: 0 0 20px 0;
  height: auto;
}
.sucess-left {background: #eef2f0; width: 100%; margin: 0 0 20px 0;height: auto;}
.sucess-left-singlerow {background: #eef2f0; width: 100%; margin: 0 0 20px 0;height: auto;}
.Success-Story { width: 100%; padding: 0;}
.message {width:100%;   padding: 0 0 15px 17px;}
.photos {
    width: 132px;
    margin: 15px 0 14px 11px;
}
.nw-pargaraph {width:100%;}
.photos img {width: 111px;}
.event span { margin: 0; width:125px !important;float:right;}
.event h2 { padding:0 !important; width:100%;}

}


@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2)
{ 

.search-but {top: 28px !important;}	
.loanadvframe{width:355px !important; height:1360px !important; }	
 .hmloanframe{    width: 100%;height: 343px !important;}
 .Fbtn{ margin-left:30px; }
}



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

.dd-select{width:100%!important;}	
.search-but {top: 28px !important;}	
.loanadvframe{width:340px ; height:1400px !important; }	
.Fbtn{ margin-left:30px; }
}

@media screen and (max-width: 640px) { 
	
.comfresh1 .field_select_df3account {
    padding-top: 9px;
    -webkit-appearance: none;
	background-color:transparent;
	background-position: right 6px;
}
.comfresh1 .field_select_df3account select{
   background-color:transparent;
    -webkit-appearance: none;
}	
	
.gm-style-iw h3 {
    color: #000 !important;
	margin-bottom:10px !important;
}	

.event span { margin: 0; width:125px !important;float:right;}
	
.atm-mapview {
   width: 100%;
}
.map-legend2 {
    width: 100% !important;
	height:600px !important;
}		
    .Fdropnew { }
.field_select_forin{width: 100%;}
.loan-calkulator {width:100%;float:left;height:280px;overflow:hidden;}
.hmloanframe{    width: 100%;height: 300px;}
.loanadvframe{width:100% ; height:1215px; }
ul.toplink{ padding:0 !important; margin:10px 0 0px 0;}
ul.toplink li{ margin-right:8px !important; font-size:9px !important;}
ul.toplink{margin:10px 0 0px 0; }
.ebankingpart{ background-image:none !important; background-color:#00a85e;  margin:10px 0 10px 0;}
.news-head { width:100% !important; background: url(../images/news-bg.png) no-repeat left top #2f7340 !important; padding:10px 0 10px 0 !important; font-family:"Century Gothic"; font-style:14px; color:#fff;}
.news-feed{ width:100% !important; clear:both; margin:10px 0 10px 0; padding:10px 0 10px 0 !important }
.content-itemtext_right h2 { font-size:12px !important; margin:20px 0 0 10px;}
.content-itemtext_right h3 { font-size:11px !important; margin:0 0 0 12px;}
.content-itemtext_right a { font-size:10px !important; margin:0 0 0 12px;}
.content-item-1{ width:100% !important; margin-top:12px !important;}
.content-itemtext_right{ margin:0px 0 0 0 !important;}
.content-item-2 { width:100% !important; margin-left:0px !important; margin-top:12px !important;}
.content-item-sub { width:100% !important;}
.content-item-2 .bx-prev { display:none !important;}
.content-item-2 .bx-next { display:none !important;}
.content-item-3{ width:100% !important; margin-left:0px !important; margin-top:12px !important;}
.content-tijari{ width:100% !important; margin-top:12px !important; margin-bottom:0 !important;}
.content-tijari-text{ width:70% !important;}
.content-tijari2{ width:100% !important; margin-top:12px !important; margin-bottom:0 !important; margin-left:0 !important;}
.content-tijari-text{ width:70% !important;}
.content-tijari3{ width:100% !important; margin-top:12px !important; margin-bottom:0 !important; margin-left:0 !important;}
.content-tijari-text{ width:70% !important;}

.sidebar{ width:100%; margin-bottom:0 !important;}
.sidebar h1{ width:90% !important;} 
.main-right-pannel{ width:100% !important;}
.banner-inner{ width:100% !important; margin-top:12px  !important;height: auto !important;}
.banner-inner img{ width:100% !important;}
.box-content{ width:100% !important; }
.footer-main{ width:100% !important; background:#eae8e9; border-top:1px solid #c0c0c0; height:auto !important; position:relative !important; z-index:none !important; margin:20px 0 0 0 !important;}
.wrapper{ width:100% !important;}
.footer-links{ width:100% !important;}
.footer-main .social{ width:100% !important; float:left !important; margin:5px 0 0 -10px !important; padding:10px 0 10px 0 !important;}
.footer-main .copyright { width:100% !important; float:left !important; font-size:9px !important;}
.footerlinkpart{ width:100% !important; float:left !important; margin:0 0 0 23px !important;}
.content { margin: 0px 0px 0px 0px; width:100% !important; }
.footerlinkpart li a{ font-size:9px !important;}
.news{ width:100% !important; float: left !important;
    margin-left:0px;
    padding: 0;}
.box-content {margin-bottom:10px;}	


/*AML PAGE STYLES*/
.report{ width:100% !important;}
.dashed { width:100% !important; margin:0 !important;}
/*AML PAGE STYLES*/


/*ANNOUNCEMENTS STYLES HERE*/
.Announcements{ width:100% !important;}
/*ANNOUNCEMENTS STYLES HERE*/

/*APPLY ONLINE STYLES*/
.cnt-form01{ width:100% !important; margin:0px 0px 0 10px !important;}
.cnt-form01 .row input[type="text"]{ width:100% !important;}
.cnt-form01 .row select{ width:109% !important;}
.cnt-form01 .row input[type="submit"]{ width:100% !important; margin:0 0 10px 0 !important;} 
.cnt-form01 .row label{ width:100% !important}
/*APPLY ONLINE STYLES*/

/*ATM BRANCHES STYLES*/
.atm-mapview{ width:100% !important; height:auto !important}

/*ATM BRANCHES STYLES*/

/*BOD STYLES */
.Success-Story{ width:100%; padding:0; }
.sucess-left{ background:#eef2f0; width:100%; margin:0 0 20px 0; height:auto;}
.sucess-left-singlerow{ background:#eef2f0; width:100%; margin:0 0 20px 0; height:auto;}
.message{ width:100%; height:auto; padding:0 0 15px 17px;}
.sucess-right{ width:100%; height:auto;}
/*.box-content a{ float:left;}*/
.sucess-right{ background:#eef2f0 !important; width:100%; margin:0 0 20px 0; height:auto;}
.message-2{ width:100%; height:auto; padding:0 0 1px 0px; }
.photos-right{ margin:0 10px 15px 0; padding:10px 10px 5px 10px;}
.photos{ margin:10px 10px 15px 10px; padding:10px 10px 5px 10px;width:100%; margin-bottom:10px !important;}
/*BOD STYLES */

/*CAREERS STYLES */
.careers h3{ width:70% !important;}
.careers span a{ float:left !important;}
.table-content{ width:100%;}
.careers-details{ width:100%;}

/*CAREERS STYLES */


/*CARDS STYLES*/
.card-ss{ height:auto; width:100%;}
.cardsimage{ height:auto; width:100%;}
.acc_content p{ width:100%; }
/*CARDS STYLES*/

/*CONTACT STYLES*/
.cnt-form01 .row textarea{ width:100%;}
/*CONTACT STYLES*/

/*CORPORATE GOVERNANCE*/
.report p{ width:100%; margin:0; padding:10px 0 0 0;}
/*CORPORATE GOVERNANCE*/

/*FOREIGN EXCHANGE*/
.dd .ddTitle .ddTitleText{ padding:5px 20px 5px 5px !important;}
.forin input[type="text"]{ margin:0; height:auto; width:100%;}
.forin input[type="submit"]{ width:100%; margin:10px 0 10px 0;}
.forin{ height:auto;}
.dd { margin:0 0 10px 0;}
.forin-result{ margin:0; width:100%;}
/*FOREIGN EXCHANGE*/

/*cards*/
.nw-pargaraph {float:none; width:100%}

/*MARKET SUMMARY*/
.interest-Rates-2{ margin:20px 10px 0 17px;}
.interest-Rates{ margin:20px 10px 10px 12px;}
/*MARKET SUMMARY*/

ul.breadcrump li{ margin-right:16px;}
.report a{ width:70%;}
.report span a{ width:30% !important; margin:0px 0 8px 0px !important; text-align:right !important;}
.report span a img{ margin:0 !important;}
.report p{ width:70% !important;}

.event{ width:100%;}
.event-details{ width:100%;}
.event-gallery{ width:100%;}
.photos{ margin:0 auto; margin-right:2px; margin: 10px 15px 0 15px;
    width: 132px;}
	.photos img{
    width: 111px;}


/*ACCOUNT COMPARISON*/
/*.drag {background:#20bb77 !important; color: #ffffff; cursor: move; float: left; font-family: "Century Gothic"; font-size: 12px; line-height: 40px;
list-style: outside none none; margin: 0px 5px 5px 0px !important; text-align: center !important; width: 48%;}
.boxwrap{ width:100%;}
.mainpanel .grid{ width:100%;}
.mainpanel .datatable{ width:100% !important;}
.datatable .data_row{ width:100% !important;}
.dataa{ display:none;}*/
/*ACCOUNT COMPARISON*/

/*FOOTER POP STYLES*/

.home-footer{ display:none !important;}
.box-wrappar2{ width:100%; background:#01a860 !important; min-height:500px !important; padding:10px 10px; margin:0px 0 10px 0 !important}
.box-wrappar2 h3{ font-family:"Century Gothic"; font-size:20px; color:#fff; text-transform:uppercase; margin:10px 0 20px 0; font-weight:bold;}
.currency-convertor{ height:auto !important;color:#fff;}
.form{ height:auto !important; width:100% !important;}
.loan-calkulator .form input[type="text"]{ width:100% !important; height:30px !important; padding:0 0 0 5px;}
.currency-convertor .form input[type="text"]{ width:100% !important; margin:0px 0 10px 0; height:30px !important; padding:0 0 0 5px;}

.currency-convertor .form input[type="submit"]{ margin-bottom:10px;}
.loan-form-divid{ width:100% !important;}
.box-wrappar3{ width:100%; background:#9bc692 !important; min-height:393px !important; padding:10px 10px; margin:0px 0 10px 0 !important; float:left;}
.box-wrappar3 h3{ font-family:"Century Gothic"; color:#fff; font-size:20px; text-transform:uppercase; margin:10px 0 20px 0; font-weight:bold;}
.atm{ width:100% !important;}
.adress{ height:auto; border:none !important;}

.box-wrappar4{ width:100%; background:#c3e9bb !important; min-height:395px !important; padding:10px 10px; margin:0px 0 10px 0 !important;float:left;}
.box-wrappar4 h3{ font-family:"Century Gothic"; color:#fff; font-size:20px; text-transform:uppercase; margin:10px 0 20px 0; font-weight:bold;}
.service-contentbox{ width:100%; margin-top:20px !important;}
.service-content{ width:100%;}
.service-content li{ width:100%; background-image:none !important;}
.service-head p{ width:85% !important; float:right; padding:10px 0 0 0; }
.adress p{ margin:10px 0 0 0; float:left !important;}
.branch-atmlocator{ float:left !important; margin-bottom: 20px;  }
.branch-atmlocator h2{ float:left !important;}



/*FOOTER POP STYLES*/


.language{ margin:20px 20px 0 0;}
.field_select_df3{ width:100% !important;}
.form-2{ height:auto !important;}
.atm h2{ margin:10px 0 10px 0 !important;}




/*map*/
.map-legend2   {height: 400px !important; width: 100% !important;}
.map-legend   { width:40% !important; top:25px !important;}
.map-legend img{ width: 30px !important; }

#legend > h3 {font-size: 12px;}

#dvMap  {width:100%;}

.into-txt {float: left;padding: 10px 0 10px 0;}

.into-txt h3 {color:#00a85d;  color: #00a85d;font-size: 14px;font-weight: bold;padding: 10px 0;}

.into-txt p {text-align:justify;  padding:10px 0;}

.include h3  	{color:#00a85d;}

.mapmodal-popup{ top:3px !important;}
.map-content{ width:300px !important;}
.content-itemtext{font-size:16px;padding:15px 0 0 82px !important;}
.loan-calkulator h1{ color:#fff;}
.footer-branch .branch-atmlocator input[type="submit"] {
	padding-right:40px;
	height:30px;
	background:url(../images/submit_bg.jpg) repeat-x !important;
	margin:15px 20px 0 0;
	border-style:none;
	color:#fff;
	font-size:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	line-height:20px;
}
.branch-atmlocator label{ font-size:12px !important; position:relative;}


/*FOR ACCOUNT COMPARISION MOBILE VIEW*/
.comfresh{ width:100%; float:left; height:auto; margin:10px 0 10px 0;}
.comfreshcover{ float:left; width:100%; margin:0 0 20px 0;}
.comfresh1{ float:left; margin:10px 0 10px 0; width:100%;}
/*FOR ACCOUNT COMPARISION MOBILE VIEW*/


.box-content1 {width:100% !important;}
.field_select_df3account {border:none !important;height:25px;}
.field_select_df3account select{border:none !important; width: 99%;}
.acc_head p{width:80% !important; background:none !important; margin-left:-33px !important;  }
.acc_head1{background:#f8f8f8 !important;}
.zadjust{ margin:0 !important;}
.main-right-pannel h1{font-size:17px !important;}
.box-content ul li{margin:0px !important;}
.event-details h3 span{padding-left:0 !important;}
.event h2{padding:0 0 0 0 !important; width:100%;}
.accountintro1 h1{ font-size:15px !important;}
.clippingpager .bx-pager {display:none;}
.service-cnt{ width:100% !important;}

.box-content h2{float:left;clear:both;}
.acc_head p{width:80%; background:url("../images/qustion.png") no-repeat left center  !important; margin-left:-2px !important;}
.power{ float:right !important; width:59px !important;}
.videoinnerthumb { height: 100% !important; width: 100% !important;} 	
/*17th March*/
.dd-pointer {  right: -152px;} 
#fancybox-content {    width: 558px !important;}
#fancybox-close {right: 17px !important;}
embed {width: 558px !important;}
.videogallery {margin-left: 62px !important;}
.search-but input {  margin-top: 77px;  margin-right: 17px;}
.search input {    margin-top: 13px;}
.search-but{top:28px;}
}


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

.depo { width: 35%; float: left;}
.aa {
    background: #72be7b !important;
    clear: both;
}		

}


@media screen and (max-width: 480px) {
	
.cards .cardsimage img {
    padding-right: 8px;
    float: left;
}
.cardsimage {
    height: auto;
    width: 100%;
    padding: 0 !important;
}
.nw-pargaraph {
    float: none;
    width: 100%;
    padding-top: 0;
}
.acc_content p {
    width: 100%;
    padding-top: 0;
}
	
.event-details h3 span {
	float: right;
}	
	
.Announcements a {
    width: 85%;
}

.Announcements h3 span {
    float: left;
    padding-left: 32px;
    margin-top: 5px;
}
	
.photos-right {
    float: left;
}	
.interest-Rates-2{ margin:20px 6px 0 17px;}
.interest-Rates{ margin:20px 10px 10px 7px;}
.acc_head1{padding:12px 23px 24px !important}
.videoinnerthumb { height: 100% !important; width: 100% !important;}   

/*17th March*/
.dd-container{width:100% !important;}    
.Fdrop{width:100% !important;} 
.dd-pointer {  right: -155px } 
.Fdrop ul{width:100% !important;}   
.Fdbutton{float:left !important;}   
.Fdropinput{float:left !important;width:129px; margin-right:15px; margin-bottom:10px;  }   
.forin-result input{width:100% !important;}
.videogallery {width: 100% !important;  }
#fancybox-content {width: 400px !important;}
#fancybox-close {right: 176px !important;}
embed {width: 400px !important;}
.search-but {top:169px;    }
.search{margin-right:17px;}
.search input{margin-left:0px !important;}
}



/*FOR IPAD PORTRAIT RESOLUTION*/
@media screen and (min-width: 768px) {
    .flexy-menu > li > a{ padding: 8px 5px !important; font-size: 12px !important;}
	.message {    width: 65%;}
    .Fdropnew{width:140px;float:left;}
    .loan-calkulator {width:100%;height:283px;float:left;overflow:hidden;}
    .hmloanframe{    width: 100%;height: 303px;} 
     
.loanadvframe{width:505px; height:1700px; }
html {overflow-x:hidden}
.news li p { font-size:10px !important;  margin-left:7px !important;  }
.toplink{ float:right !important;}
.content-item-1{ width:100% !important; height:auto  !important; background:url(../images/content-1_bg.jpg) no-repeat left top #f2f2f2;}
.content-1-sub_image{ width:100% !important; height:auto !important; }
.content-item-2{ width:100%!important; height:auto  !important;}
.content-item-sub{ width:100% !important; height:154px !important; background:#f2f2f2;}
.content-item-3{ width:100% !important; height:auto  !important; background:#f2f2f2; padding:0px 0 9px 0 !important; }
.content-item-2 .bx-next{ left:-1px ; top:125px;} 
.content-item-2 .bx-prev{ left:-1px ; top:95px;} 
.content-2-text{ margin:10px 0 0 -2px !important;}
.content-itemtext_right{ width:100% !important; padding:19px 0 0 10px !important;}
.content-itemtext_right a{ float:right !important;}
.content-tijari{ width:100% !important; margin-right:30px !important; height:auto !important; margin-bottom:30px !important; }

.content-tijari-text{ width:65% !important;}
.content-tijari h1{ font-size:15px !important;}
.content-tijari p { font-size:12px !important;}
.content-tijari2{ width:100% !important; margin-right:30px !important; height:auto !important; margin-bottom:30px !important;}
.content-tijari-text{ width:65% !important;}
.content-tijari2 h1{ font-size:15px !important;}
.content-tijari2 p { font-size:12px !important;}
.content-tijari3{ width:100% !important; margin-right:30px !important; height:auto !important; margin-bottom:30px !important; }
.content-tijari-text{ width:73% !important;}
.content-tijari3 h1{ font-size:15px !important;}
.content-tijari3 p { font-size:12px !important;}
.footer-main{ width:100% !important; background:#eae8e9; border-top:1px solid #c0c0c0; height:auto !important; z-index:none !important; margin:20px 0 0 0 !important;}
.wrapper{ width:100% !important;}
.footer-links{ width:100% !important; }
.footer-main .copyright { float:left !important; font-size:9px !important;}
.footerlinkpart{ float:left !important; margin:0 0 0 23px !important;}
.sidebar{ width:100% !important;}
.sidebar .nav li a{ font-size:11px !important;}
.sidebar h1{ width:80% !important;}
.banner-inner{ width:100% !important;height: auto !important;}
.main-right-pannel{ width:100% !important; float:left !important; margin:0 0 0 20px !important}
.box-content{ width:100% !important; float:right; margin:20px 0 50px 0;}
.doted{ width:100% !important;}
.banner-inner img{ width:100% !important; }
.ebankingpart{ height:128px !important; background:#09a05e;}
.ebankingpart input[type="text"]{ margin:10px 0 10px 10px !important;}
.ebankingpart input[type="submit"]{ margin:0 0 0 10px !important}
.content ul{ margin-left:19px !important;}
.news{float: left !important; margin-left: 19px; padding: 0;}
.content { margin: 0px 0px 0px 0px; width:100% !important; }
.footerlinkpart li a{ font-size:9px !important;}
.footer-links{ margin-top:10px !important;}
.social{ margin:15px -20px 0 0 !important;}
.content-2-img{margin: 13px 10px 0 0!important;}

.mapmodal-popup{ top:3px !important;}
/*.map-content{height:300px !important; width:150px !important;}*/
.closee{background-image:url(../images/map-close.png);width:27px;height:25px;border:none;cursor:pointer;}

/*AML PAGE STYLES*/
.report{ width:100% !important;}
.dashed { width:100% !important; margin:0 !important;}
/*AML PAGE STYLES*/


/*ANNOUNCEMENTS STYLES HERE*/
.Announcements{ width:100% !important;}
/*ANNOUNCEMENTS STYLES HERE*/


/*APPLY ONLINE STYLES*/
.cnt-form01{ width:100% !important; margin:0px 0px 0 50px !important;}
.cnt-form01 .row input[type="text"]{ width:100% !important;}
.cnt-form01 .row select{ width:108% !important;}
.cnt-form01 .row input[type="submit"]{ width:100% !important; margin:0 0 10px 0 !important;} 
.cnt-form01 .row label{ width:100% !important}
/*APPLY ONLINE STYLES*/

/*ATM BRANCHES STYLES*/
.atm-mapview{ width:100% !important; height:auto !important}
.atm-mapview img { /*width:100% !important;*/}
/*ATM BRANCHES STYLES*/

/*BOD STYLES */
.Success-Story{ width:100%; }
.sucess-left{ background:#eef2f0; width:100%; margin:0 0 20px 0; height:auto;}
.sucess-left-singlerow{ background:#eef2f0; width:100%; margin:0 0 20px 0; height:auto;}
.message{ width:65%; height:auto; padding:0 0 15px 17px;}
.sucess-right{ width:100%; height:auto;}
/*.box-content a{ float:left;}*/
.sucess-right{ background:#eef2f0!important; width:100%; margin:0 0 20px 0; height:auto; float: right;}
.message-2{ width:65%; height:auto; padding:0 0 1px 0px; float: right; }
.photos-right{ margin:0 10px 15px 0; padding:10px 10px 5px 10px; float:left;}
.photos{ margin:10px 10px 15px 10px; padding:10px 10px 5px 10px;}
/*BOD STYLES */

/*CAREERS STYLES */
.table-content{ width:100%; float:left !important;}
.careers-details{ width:100%; float:left !important;}
/*CAREERS STYLES */

/*CARDS STYLES*/
.card-ss{ height:auto; width:100%;}
.cardsimage{ height:auto; width:30%;}
.acc_content p{ width:100%; }
/*CARDS STYLES*/

/*CONTACT STYLES*/
.cnt-form01 .row textarea{ width:100%;}
/*CONTACT STYLES*/

/*CORPORATE GOVERNANCE*/
.report p{ width:100%; margin:0; padding:10px 0 0 0;}
.report span a{ padding:0px 0 10px 30px}
/*CORPORATE GOVERNANCE*/

/*DEPOSIT PAGE STYLES*/
.table-001 td{ font-size:10px !important;}
.table-001 th{ font-size:10px !important; padding:7px 0 0px 10px !important}
/*DEPOSIT PAGE STYLES*/

/*FOREIGN EXCHANGE*/
.dd .ddTitle .ddTitleText{ padding:5px 20px 5px 5p !importantx;}
.forin input[type="text"]{ margin:0; height:auto; width:100%;}
.forin input[type="submit"]{ width:100%; margin:10px 0 10px 0;}
.forin{ height:auto;}
.dd { margin:0 0 10px 0;}
.forin-result{ margin:0 139px 0 0; }
/*FOREIGN EXCHANGE*/
/*cards*/
.nw-pargaraph {float:none;}
.nw-pargaraph {width:100%;}
.forin input[type="submit"] {margin:0!important; margin-top:10px !important;}
.forin input[type="text"]  {margin-top:5px !important; }
.forin_input  {width:100% !important;}
.dropforin  {width:61%;}

/*MARKET SUMMARY*/
.interest-Rates-2{ margin:20px 13px 0 17px;}
.interest-Rates{ margin:20px 10px 10px 12px;}
/*MARKET SUMMARY*/


.report span a{ width:30% !important; margin:0px 0 8px 0px !important; text-align:right !important;}
.event{ width:100%;}
.event-details{ width:100%;}
.event-gallery{ width:100%;}

.evnt-details-main {  width: 49%;}
.videogallery{width: 45%;}
.search{margin-right:20px;}
.search-but{right:30px; }


/*ACCOUNT COMPARISON*/
/*.drag {background:#20bb77 !important; color: #ffffff; cursor: move; float: left; font-family: "Century Gothic"; font-size: 12px; line-height: 40px;
list-style: outside none none; margin: 0px 5px 5px 0px !important; text-align: center !important; width: 48%;}
.boxwrap{ width:100%;}
.mainpanel .grid{ width:100%;}
.mainpanel .datatable{ width:100% !important;}
.datatable .data_row{ width:100% !important;}*/



/*ACCOUNT COMPARISON*/
.flexy-menu ul li a { width:100% !important;}
.language{ margin-right:15px !important; margin-top:0 !important;}
.home-footer{ display:none !important;}
.box-wrappar2{ width:100%; background:#01a860 !important; min-height:505px !important; padding:10px 10px; margin:0px 0 10px 0 !important}
.box-wrappar2 h3{ font-family:"Century Gothic"; font-size:20px; color:#fff; text-transform:uppercase; margin:10px 0 20px 0; font-weight:bold;}
.currency-convertor{ height:auto !important;color:#fff;}
.form{ height:auto !important; width:100% !important;}
.loan-calkulator .form input[type="text"]{ width:100% !important; height:30px !important;  padding:0 0 0 5px;}
.currency-convertor .form input[type="text"]{ width:100% !important; margin:0px 0 10px 0; height:30px !important;color: black; padding:0 0 0 5px;}

.currency-convertor .form input[type="submit"]{ margin-bottom:10px;}
.loan-form-divid{ width:100% !important;}
.box-wrappar3{ width:100%; background:#9bc692 !important; min-height:393px !important; padding:10px 10px; margin:0px 0 10px 0 !important}
.box-wrappar3 h3{ font-family:"Century Gothic"; color:#fff; font-size:20px; text-transform:uppercase; margin:10px 0 20px 0; font-weight:bold;}
.atm{ width:100% !important;}
.adress{ height:auto; width:100%; border:none !important; }
.box-wrappar4{ width:100%; background:#c3e9bb !important; min-height:395px !important; padding:10px 10px; margin:0px 0 80px 0 !important}
.box-wrappar4 h3{ font-family:"Century Gothic"; color:#fff; font-size:20px; text-transform:uppercase; margin:10px 0 20px 0; font-weight:bold;}
.service-contentbox{ width:100%; margin-top:20px !important;}
.service-content{ width:100%;}
.service-content li{ width:100%; background-image:none !important;}
.service-head p{ width:95% !important; float:right; padding:10px 0 0 0; }
.adress p{ margin:10px 0 0 0; float:left !important;}
.branch-atmlocator{ float:left !important; margin-bottom: 20px; width:100% !important; margin-top:10px;  }
.branch-atmlocator h2{ float:left !important;}
.form-2{ width:100% !important;}



/*map*/
.map-legend2   {height: 400px !important; width: 100% !important;}
.map-legend   { width:22% !important;}
.map-legend img{ width: 30% !important; }

#legend > h3 {font-size: 12px;}

#dvMap  {width:100%;}

.into-txt {float: left;padding: 10px 0 10px 0;}

.into-txt h3 {color:#00a85d;  color: #00a85d;font-size: 14px;font-weight: bold;padding: 10px 0;}

.into-txt p {text-align:justify;  padding:7px 0px 20px;}

.include h3  	{color:#00a85d;}

.content-tijari h1 a {color:#00aa5f;	text-decoration:none;font-size:13px !important;font-family: "Century Gothic";font-weight:bold;}
.content-tijari2 h1 a {color:#00aa5f;	text-decoration:none;font-size:13px !important;font-family: "Century Gothic";font-weight:bold;}
.content-tijari3 h1 a {color:#00aa5f;	text-decoration:none;font-size:13px !important;font-family: "Century Gothic";font-weight:bold;}

.field_select_df3 select{width:107%; }
.loan-calkulator h1{ color:#fff;}
.atm h2{margin-top:20px;}


/*FOR ACCOUNT COMPARISION MOBILE VIEW*/
.comfresh{ width:100%; float:left; height:auto; margin:10px 0 10px 0;}
.comfreshcover{ float:left; width:100%; margin:0 0 0px 0;}
.comfresh1{ float:left; margin:10px 0 10px 0; width:100%;}
/*FOR ACCOUNT COMPARISION MOBILE VIEW*/

.box-content1 {width:100% !important;}

.content-tijari2 img {float:left;left:10px;	margin: 16px 0px 16px 9px;}
.content-tijari3 img {float:left;left:10px;	margin: 16px 0px 16px 9px;}
.content-tijari img {float:left;left:10px;	margin: 16px 0px 16px 9px;}
	
.content-tijari5 img {float:left;left:10px;	margin: 16px 0px 16px 9px; width:100%;}	
	
.field_select_df3account {overflow: hidden;	width:100%;	background-color:white !important;	height:25px;float:left;	background:url("../images/form-arow.jpg") no-repeat  99% ;	border:none; 	margin-bottom:5px; margin-right:10px;}
.field_select_df3account select{border:none !important; width: 99%;}

.flexy-menu > li.showhide{width:107% !important;}
.news .news-head {background: url("../images/news-bg.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);border: 0 none;float: left;height: 30px; }
.news-feed {float: left !important; /*width: 80% !important;*/ position:absolute; margin-left:100px;}
.report a{width:50%;}
.acc_head p{width:80%; background:url("../images/qustion.png") no-repeat left center  !important; margin-left:-2px !important; }
.acc_head1{background:#f8f8f8 !important;}
.zadjust{ margin:0 !important;}
.main-right-pannel h1{font-size:17px !important;}
.bx-pager{display:none;}
.event-details h3 span{padding-left:0 !important;}
.forin input[type="submit"] {width: 100%;}
.accountintro1 h1{ font-size:15px !important;}
.careers h3{ width:70% !important;}
.smk_accordion .accordion_in .acc_head { margin:0 0 17px 0 !important;}
.field_select_forin { width:141px !important}

}


/*FOR IPAD LANDSCAPE RESOLUTION*/
@media screen and (min-width: 1024px) {
    .forin-result
    {width:100%;float:left;
    }
    .calhome {width:100%;}
    .loan-calkulator {width:100%;}
    .hmloanframe{    width: 100%;height: 285px;}
.loanadvframe{width:100%; height:1425px; }
.content-item-3{ padding:38px 0 37px 0 !important}
.flexy-menu > li > a{ padding: 8px 5px !important; font-size: 12px !important;}
 
/*.flexy-menu > li > a{ padding:8px 5px;}*/
/*.flexy-menu > li > a{ padding:8px 10px;}*/


/*MARKET SUMMARY*/
.interest-Rates-2{ margin:20px 24px 0 17px;}
.interest-Rates{ margin:20px 10px 10px 12px;}
/*MARKET SUMMARY*/
.videogallery {width: 28%;}
.search { margin-right:20px;}
.search-but{right:30px;}
.language {margin-right: 15px !important;}
.message {width: 75%;}
	.message-2 {width: 74%; float: right;}
	
	

}

/*FOR DESKTOPS*/
@media only screen and (min-width : 1224px) {

    .flexy-menu > li > a{ padding: 8px 7px !important; font-size: 13px !important;}
    .hmloanframe{width:300px ; height:285px;  overflow:hidden;}
.loanadvframe{width:800px ; height:645px; overflow:hidden;}	
.content{ width:104% !important;}
.sidebar{ width:225px !important;}
ul.toplink{ float:right !important; margin:0 0 0 0 !important;}
/*ul.toplink{ float:right !important; margin:0 -27px 0 0 !important;}*/
.banner { max-width:100% !important;}
.content-item-1{ width:100% !important;}
/*.flexy-menu > li > a{ padding:8px 6px !important;}*/
/*.flexy-menu > li > a{ padding:8px 16px !important;}*/
.content-item-2 .bx-next{ left:-1px ; top:46px;} 
.content-item-2 .bx-prev{ left:-1px ; top:13px; }
.content-item-2{ height:84px !important;}
.news li p { font-size:13px !important; margin-left:0px !important;   }
.content-item-3{ padding:0px 0 0px 0 !important}
.content-itemtext_right{ width:104px !important; padding:0 !important;}
.content-item-sub{ background-color: transparent !important;}
.content-item-3{ background-color:transparent !important;}
.main-right-pannel{ width:104% !important; float:left !important; margin:0 0 20px 20px !important}
.ebankingpart{ height:78px !important}
.sidebar .nav li a { font-size:13px !important;}
.cnt-form01 .row input[type="submit"]{ width:150px !important; margin-right:12px !important;} 


/*BOD STYLES */
.Success-Story{ width:100%; }
.sucess-left{  background: url("../images/sucess-bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; height: 165px; width: 370px;}
.sucess-left-singlerow { background: url("../images/sucess-bg-full-width.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; height: 165px; }
.message{ float: left; height: auto; padding: 5px; width: 190px; }
.sucess-left-singlerow .message{ float: left; height: auto; padding: 5px; width: auto; }
.sucess-right{ width:350px; height:auto;}
.box-content a{ float:none;}
.box-content .report a {float: left;}
.sucess-right{background:url("../images/sucess-bg-right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important; height:165px !important; width:350px; margin:0 0 20px 0; height:auto;}
.message-2{width:181px; height:auto; padding:0 0 1px 0px; }
.photos-right{margin:0 10px 15px 0; padding:10px 10px 5px 10px;}
.photos{margin:10px 10px 15px 10px; padding:10px 10px 5px 10px; width:100%; margin-bottom:10px !important;}
/*BOD STYLES */

/*DEPOSIT PAGE STYLES*/
.table-001 td{ font-size:13px !important;}
.table-001 td u {
    display: block;
    padding-bottom: 10px;
}
.table-001 th{ font-size:13px !important; padding:7px 0 0px 10px !important}
/*DEPOSIT PAGE STYLES*/

.report p{margin: 0; padding: 12px 0 13px; width: 80%;}

/*FOREIGN EXCHANGE*/
.dd .ddTitle .ddTitleText{ padding:5px 20px 5px 5px !important;}
.forin input[type="text"]{ margin:0; height:30px; width:110px;}
.forin input[type="submit"]{ width:100px; margin:10px 0 10px 0;}
.forin{ height:auto;}
.dd { margin:0 0 10px 0;}

.forin input[type="text"] {margin-top:0 !important}
/*FOREIGN EXCHANGE*/

/*cards*/
.nw-pargaraph {float:right !important; } 
.event span{ width:89px;}


/*DESKTOP DEACTIVATION FOR SLIDEUP FOOTER ITEMS*/
.box-wrappar2{ display:none !important;}
.box-wrappar3{ display:none !important;}
.box-wrappar4{ display:none !important;}
/*DESKTOP DEACTIVATION FOR SLIDEUP FOOTER ITEMS*/


.home-footer{ display:block !important;}
.language{ margin-right:25px !important;}
.currency-convertor .form input[type="text"]{ width:115px !important;  height:27px !important; margin:0 10px 0 0;}
.loan-calkulator .form input[type="text"]{ width:100%  !important; height:27px !important;}
.service-head p{ float: right; width: 78% !important; padding:0px 0 0 0 !important;}
.field_select_df2{ width:100% !important;}
.loan-calkulator .form select{ width:321px !important;}
.content-2-text{ margin:10px 0 0 21px !important;}
.content-2-img{margin: 7px 10px 0 0!important;}

.content-tijari h1 a {font-size:19px !important;}
.content-tijari2 h1 a {font-size:19px !important;}
.content-tijari3 h1 a {font-size:19px !important;}
.mapmodal-popup{ top:-59px !important;}
.map-content{height:500px !important; width:700px !important;}
.closee{background-image:url(../images/map-close.png);width:27px;height:25px;border:none;cursor:pointer;}
.bx-pager{ display:block;    width: 162px;    z-index: 100;}
/*.bx-pager{ display:block;    width: 135px;    z-index: 100;}*/
.pr-an .bx-pager{ display:block;}
.acc_head {background: url("../images/accodianbg.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0) !important;}
.photos{width:auto;}
.forin input[type="submit"] { margin-top: 0 !important;}
.smk_accordion .accordion_in .acc_head { margin:0 0 10px 0 !important;}
.footer-links{ margin-top:23px !important;}
.news li p{ width:100% !important; }

/*search*/
.search { margin-right: 0;}
.search-but {top:9px !important;}
.forin-result {margin-left: 20px;width:110px; margin: 0 25px 0 20px;}
	
	.photos-right {float:left;}

}
/*mid*/

IE10
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   .footer-toolbox{height:440px !important;}
.cnt-form01 .row select{width:110% !important;}
}	



@media screen and (-webkit-min-device-pixel-ratio:0) { 
  
    /* Safari only override */
    ::i-block-chrome,.flexy-menu > li > a {
     padding: 8px 15px !important;
    }
}

.br_right {float:right !important;}