@media screen and (min-width: 1052px) and (max-width: 1199px) {
	#ddmenu li a span		{ padding:13px 7px 27px 48px;}
	#ddmenu li.homelink a span{ padding:15px 10px 27px 30px}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		/*#ddmenu li a span		{ padding:13px 10px 27px 42px;}
		#ddmenu li.homelink a span{ padding:15px 13px 27px 30px}*/
	}
	.contact-main			{ width:42%;}
}
@media screen and (min-width: 1024px) and (max-width: 1151px) {
	#ddmenu li a span		{ padding:13px 6px 27px 34px;}
	#ddmenu li.homelink a span{ padding:15px 2px 27px 16px}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		/*#ddmenu li a span		{ padding:13px 7px 27px 30px;}
		#ddmenu li.homelink a span{ padding:15px 13px 27px 24px}*/
	}
	.curr-row select.input	{ width:120px;}
	.curr-row .input-cont, .curr-row .answers	{ margin-right:130px}
	.customer-care			{ width:73%;}
	.contact-main			{ width:42%;}
	.member					{ padding:15px 5px;}
	.branches-right			{ width:67%}
	.filedsRow .button		{ padding:11px 0px !important; width:120px}
}
@media screen and (min-width: 300px) and (max-width: 990px) {
	.header					{ z-index:9; height:82px; overflow:visible}
	.container				{ width:auto}
	.header .col-xs-12		{ position:relative; z-index:1}
	.al-muzaini				{ position:absolute; top:10px; left:50%; margin:0 0 0 -88px;}
	.al-muzaini img			{ width:175px;}
	.navicon 				{ cursor:pointer; display:block;}
	.navigation				{ overflow:visible; width:50px; height:80px; position:fixed; top:0px; left:0px; margin:0px; z-index:9}
	.searchNavicon			{ float:left; display:block; text-indent:-9999px; background:#cc0000 url(../images/search-icon.png) center center no-repeat}
	.tagline				{ display:none;}
	.hotline				{ overflow:hidden; text-indent:-9999px; margin:0px 5px 0 0; padding:0px; background:#cc0000 url(../images/phone-icon.png) center center no-repeat; cursor:pointer}
	.lang-hotline			{ float:right; margin-top:5px; height:auto}
	.lang-hotline a			{ width:35px; height:35px; border-radius:5px;}
	.lang-hotline a.language{ background:#cc0000; text-align:center; color:#FFF; float:left; margin:0px 5px 0 0; padding-top:5px;}
	.search-main			{ display:none; position:absolute; top:57px; right:10px; background:#cfcdcc; padding:10px 10px 0 10px; width:300px; border-radius:5px;}
	.search-main img		{ display:block; margin-top:-16px; margin-right:5px; float:right}
	.search					{ width:248px;}
	.open .navicon			{ position:fixed; top:0; left:0px; width:100%; height:100%; background:rgba(102,102,102,0.85);}
	.open .navicon img		{ display:none;}
	.navicon				{ display:block; cursor:pointer }
	.navicon img			{ cursor:pointer }
	#ddmenu					{ display:block; width:250px; height:100%; padding-top:25px; position:fixed; z-index:9; top:0px; left:-250px; background:#cc0000; padding-left:0px;}
	.open #ddmenu			{ left:0px}
	#ddmenu ul				{ left:160px; width:155px; top:0px; z-index:9999; }
	#ddmenu li, #ddmenu li a, #ddmenu li a span{ display:block; text-align:left; float:none; margin:0px !important; text-align:left; padding:0px; background:none; height:auto}
	#ddmenu li a span, #ddmenu li.homelink a, #ddmenu li.homelink a span	{ background:none; margin:0px; display:block; padding:0px;}
	#ddmenu li.homelink a{ border-top:1px solid #df4a4a;}
	#ddmenu li a		{ border-bottom:1px solid #df4a4a; color:#fff;}
	#ddmenu li a span, #ddmenu li.homelink a span{ padding:10px 25px;}
	#ddmenu li a:hover span, #ddmenu li.homelink a:hover span{ background:none;}
	#ddmenu li a.active, #ddmenu li a:hover		{ background:#990102; margin:0px !important;}
	#ddmenu li > a.active span{ background:none}
	
	.find-branch			{ display:block; background:#FFF; padding:10px; overflow:hidden}	
	.branch-input			{ display:block; margin-right:165px;}
	.branch-input input		{ width:100%; padding:10px;}
	.find-branch .button	{ float:right}
	.banner-main			{ margin-top:0px;}
	.banner-main .col-xs-12	{ padding:0px;}
	.banner-right			{ border-radius:0px; right:0px;}
	.box					{ margin-bottom:10px;}
	.CFname					{ display:none}
	.CSname					{ display:block}
	.section-div			{ box-shadow:#eee 0 0 10px; }
	.vision p				{ text-align:justify}
	.contact-page .specialPromoInner{ margin-bottom:15px;}
	.contact-main			{ }
	.accordion				{ padding:11px 0px 11px 30px; overflow:hidden}
	.view-detail			{ position:static; float:right; margin:5px 10px 0 0}
	.inner-links, .sub-pages{ width:100%}
	.inner-links			{ margin-bottom:15px;}
	.inner-links h2			{ background:#990102 url(../images/down.png) right center no-repeat;}
	.inner-links h2 span	{ display:block}
	.inn-link-div			{ display:none;}
	.Directors .col-lg-4	{ margin-top:0px; margin-bottom:0px;}
	.banner, .banner-right	{ border:0px solid #fff}
	.flexslider:hover .flex-next { right:5px;}
    .news-div .customer-care{ float:none; width:100%}
}
@media screen and (min-width: 768px) and (max-width: 990px) {
	.lang-hotline			{ margin-top:20px;}
	.member .member-name	{ font-size:16px;}
	.popupbox				{ width:700px;}
	.cc-div					{ padding:7px;}
	.cc-div .curr-row .input-cont{ margin-right:210px;}
	.cc-div .curr-row .answers{ margin-right:210px;}
	.cc-div .curr-row select.input{ width:200px;}
	.customer-care			{ width:65%}
	.searchBlock label		{ width:30%}
	.searchBlock select		{ width:60%}
	.contact-main			{ width:55%; }
	
	.news-div .specialPromoInner{ text-align:center; float:none; margin:0 auto; margin-top:15px;}
	.news-div .vacancies	{ width:100%; float:none}
	.top-margin 			{ height:82px;}
	.branches-right			{ margin:0 0 0 0px; width:66%}
	.filedsRow .button		{ padding:7px 0px !important; width:90px; font-size:11px}
	.captchaCode .input		{ width:45%;}
    .dobbox select.input    { width:19.4% }

	
}
@media screen and (min-width: 768px) and (max-width: 930px) {
	.boxes-main .col-sm-4	{ padding-left:10px; padding-right:10px;}
	.exchange-main			{ padding:8px 0px 5px;}
	.tab-main a				{ padding:2px 10px 3px 10px}
	.newsticker-jcarousellite ul li{ margin:0 2px;}
	.kwdInrAmt				{ font-size:15px;}
	.totalAmt				{ margin:5px 0px 0 2px;}
	.oneAmnt				{ margin:0px;}
	/*.member-photo			{ width:100%; height:195px}*/
	.foreignCurrency		{ margin:5px 0px 5px 2px}
	.foreignCurrency label	{ font-size:12px; margin-right:5px;}
	.curr-row select.input	{ width:98px}
	.curr-row .input-cont	{ margin-right:105px;}
	.curr-row .answers		{ margin-right:105px;}
	.currency-converter		{ padding:0 2px;}
	.branches-left			{ width:272px;}
	.branches-right			{ margin:0 0 0 0px; width:62%}
	.form-div .input 		{ width:59%;}
	.curr-row .button		{ padding:10px 9px}
	.captchaCode .input		{ width:45%;}
    .copyright,.foot-links              { float:none;text-align:center}
}
@media screen and (min-width: 768px) and (max-width: 850px) {
	.member-photo			{ width:195px; height:195px}	
	.cssTable tr td, .cssTable tr th{ padding:5px; font-size:12px;}
	.base-currency label, .exchange-select{ font-size:11px;}
	.captchaCode .input		{ width:40%;}
}
@media screen and (min-width: 891px) and (max-width: 1023px) {
	.kwdInrAmt				{ font-size:18px;}
	.foreignCurrency label	{ margin-right:10px; font-size:13px}
	.curr-row select.input	{ width:97px;}
	.curr-row .input-cont, .curr-row .answers{ margin-right:100px;}
}
@media screen and (min-width: 300px) and (max-width: 965px) {	

}

@media screen and (min-width: 320px) and (max-width: 435px) {
	.copyright				{ margin:0px}
	.copyright br			{ display:block}
	.find-branch			{  }	
	.branch-input			{ margin-right:80px;}
	.branch-input input		{ font-size:12px; padding:10px 5px;}
	.find-branch .button	{ width:75px; font-size:11px; padding:3px 0; line-height:16px;}
	
}
@media screen and (min-width: 300px) and (max-width: 767px) {
	.header					{ height:55px}
	.al-muzaini img			{ width:110px; }
	.al-muzaini				{ left:17%; margin:0px; top:5px}
	.navigation				{ height:35px;}
	.navicon				{ top:2px}
	.banner-main			{ margin-top:0px;}
	.banner					{ margin:0px; padding:0px; width:100%; height:auto; float:none;}
	.banner img				{ height:auto;}
	.banner-right			{ margin:0 15px; float:none; width:auto; height:auto; border:1px solid #ccc; border-radius:10px; padding-bottom:15px; margin-top:15px; position:static}
	.banner-right:before	{ -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6); -moz-box-shadow:0 0 15px rgba(0,0,0,0.6); box-shadow:0 0 15px rgba(0,0,0,0.6); -moz-border-radius:10px 10px 10px 10px; border-radius:10px 10px 10px 10px; top:50%;	bottom:0; left:15px; right:15px;}
	.banner-right:before, .banner-right:after{ content:""; position:absolute; z-index:-2;}
	.box					{ margin-bottom:0px;}
	.search-main			{ top:42px;}
	.section-div			{ margin:15px 0 0 0 }
	.inner-pages p			{ text-align:justify}
	.popupbox				{ width:100%; }
	.imgpopup				{ width:150px; /*position:fixed*/}
	.popup-contents			{ margin:0 0px 0px 170px;}
	.top-margin				{ height:55px;}
	.footer-main .container .row{ height:auto; padding:5px 0px; margin-left:-15px; margin-right:-15px}
	.copyright, .foot-links	{ float:none; text-align:center}
	.customer-left			{ float:none; width:100%; margin-bottom:25px;}
	.indicator				{ bottom:5px; right:5px}
	
}
@media screen and (min-width: 600px) and (max-width: 767px) {
	.Directors .col-xs-12	{ width:50%}
	.section				{ width:50%}
	.section-div			{ margin:30px 0 0 0}
	.imgpopup				{ width:200px; /*position:fixed*/}
	.popup-contents			{ margin:0 0px 0px 220px;}
	.branches-left			{ width:100%; float:none; overflow:hidden}
	.branches-right			{ margin:0 0 0 0px; float:none; width:100%;}
	.head-office-map		{ float:right; width:49%}
	.head-office-div		{ float:left; width:49%}
}
@media screen and (min-width: 640px) and (max-width: 767px) {
	.form-div label			{ width:125px}
	.file-type				{ margin:0px 0 0 125px}
	.form-div .input 		{ width:63%;}
	.cssTable tr td, .cssTable tr th{ padding:4px; font-size:12px;}
	.cc-div					{ padding:7px;}
	.cc-div .curr-row .input-cont{ margin-right:130px;}
	.cc-div .curr-row .answers{ margin-right:130px;}
	.cc-div .curr-row select.input{ width:120px;}
	.customer-care			{ width:100%;float:none;}
    .specialPromoInner {float:none; margin:0 auto;margin-top:15px;}
	.foot-links				{ margin-top:5px;}
	.foot-links a			{ margin:0 3px;}
	.searchBlock label		{ width:30%;}
	.searchBlock select		{ width:61%;}
	.customer-left			{ float:none; width:100%; margin-bottom:25px;}
	.contact-main			{ margin-left:0px; width:56%;}
	.news-div .specialPromoInner{ text-align:center; float:none; margin:0 auto; margin-top:15px;}
	.news-div .vacancies	{ width:100%; float:none}
	.branch-bank-btn .button{ width:auto}
	.banks-main .customer-care{ width:100%; float:none}
	.banks-main .specialPromoInner{ float:none; margin:0 auto}
	.captchaCode .input		{ width:55%}
	.form-div .error		{ padding-left:125px;}
     .dobbox select.input    { width:20.7% }
}
@media screen and (min-width: 300px) and (max-width: 599px) {
	.branches-left			{ width:100%; float:none; overflow:hidden}
	.branches-right			{ margin:0 0 0 0px; float:none; width:100%;}
	.head-office-map		{ float:none}
	.head-office-div		{ float:none;}
	.customer-care			{ margin:10px 0px 0px 0px;}
	.specialPromoInner		{ float:none;}	
	.customer-left			{ width:100%;}
	.section-div p			{ height:auto !important}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
	.al-muzaini				{ left:40%; margin:0px; top:5px}
	.vision-main			{ padding:25px 0 0 0}
	.vision-main img		{ margin:0 15px 0 0;}
	.vision					{ margin:0;}
	
}
@media screen and (min-width: 300px) and (max-width: 639px) {
	.foot-links a			{ margin:0 2px}
	.cssTable td, .cssTable th{ font-size:11px; padding:1px;}
	.banks-main .specialPromoInner{ float:none;}
	.banks-main .customer-care{ width:100%;}
	.form-div label			{ display:block; width:auto}
	.file-type				{ margin:0px}
	.submitbtn label		{ display:none}
	.form-div .input		{ width:100%}
	.cc-div					{ padding:5px;}
	.cc-div .curr-row .input-cont{ margin-right:105px;}
	.cc-div .curr-row .answers{ margin-right:105px;}
	.cc-div .curr-row select.input{ width:100px;}
	.member .member-name	{ height:auto}
	.specialPromoInner		{ float:none; margin:0 auto; margin-top:15px; margin-bottom:15px;}
	.customer-care			{ width:100%; float:none;}
	.contact-main			{ float:none; width:100%; margin:0px 0px 15px 0px;}
	/*.branch-bank-btn		{ text-align:center}
	.branch-bank-btn label	{ display:none}*/
	/*.branch-bank-btn .button{ width:auto; font-size:10px; width:85px; padding:5px 0 !important; }*/
	.searchBlock label		{ width:30%}
	.searchBlock select		{ width:63%}
	.captchaCode .input		{ margin-right:0px; width:100%}
	.form-div .error		{ padding-left:0px;}
	.promos-dtl				{width:100%;float:left;margin-left:0px}
    .map-buttons label      {display:none; }
    .inner-pages .map-buttons{text-align:center;}

}
@media screen and (min-width: 480px) and (max-width: 639px) {
    .dobbox select.input    { width:32.7% }

}
@media screen and (min-width: 300px) and (max-width: 479px) {
	.vision-main			{ padding:0 0 25px 0}
	.vision-main:last-child	{ margin:0px; padding:0px;}
	.vision-main img		{ margin:0 0px 0 0; float:none}
	.vision					{ margin:0;}
	.vision h3				{ font-size:25px; padding-top:10px;}
	.searchBlock			{ padding:7px;}
	.filedsRow				{ padding:5px 0}
	.filedsRow label		{ font-size:13px; padding:0px; width:107px}
	.searchBlock select		{ width:55%}
	.filedsRow a.button, .filedsRow .button{ /*padding:5px 0px; font-size:10px; width:85px*/}
	.currency-loader		{ bottom:-40px}
	.branch-bank-btn		{ text-align:center}
	.branch-bank-btn label	{ display:none}
     .inner-pages .map-buttons,.inner-pages .branch-bank-btn{text-align:center;}
    .inner-pages .map-buttons .button,.inner-pages .branch-bank-btn .button    {padding:6px 0px;width:87px; text-align:center;font-size:10px;white-space:nowrap ;height:30px  }
     .dobbox select.input    { width:32% }
    
	
	/*.branch-bank-btn .button{ width:auto}*/
}
@media screen and (min-width: 300px) and (max-width: 413px) {
	.sideLeft				{ width:100%; margin:0 0px 15px 0}
	.imgpopup				{ width:100%; position:static; float:none}
	.popup-contents			{ margin:0 0px 0px 0px;}
	.popup-contents h2		{ font-size:16px; margin-top:15px;}
	.popup-contents p		{ font-size:13px;}
	.show-branches			{ padding:0px; width:100%}
}
@media screen and (min-width: 300px) and (max-width: 479px) {
    .imgpopup				{ width:100%; position:static; float:none}
    .popup-contents			{ margin:0 0px 0px 0px;}
}