﻿/* ============================ Responsive styles for internal pages =============================== */

/* general */
.page-footer {min-width:100%;}
a:hover, a:active {text-decoration: none;}
.page-article .article-image img , .page-content img{max-width:95% !important;    height: auto !important;}
.minister-page-head img {max-width:150px !important;}
.ambassador-actions a {    margin: 5px 20px 5px 0;}
.page-copyrights {padding: 15px 0;}

/* internal pages */
.head-of-missions-container span, .E-participation span, .mofa-social-network span, .attestation span, .saudi-national-abroad-services span, .government-economic-sites span, .how-to-reach-MOFA span, .box-list span {    max-width: 65% !important;}
.head-of-missions-container li a, .E-participation li a, .mofa-social-network li a, .attestation li a, .saudi-national-abroad-services li a, .government-economic-sites li a, .how-to-reach-MOFA li a, .box-list li a {    max-width: 75% !important;}

/* forms */
.Table-control .TextBox , .Table-control .TextBox-Field, .Table-control .TextBox-Field-2, .Table-control .TittelField {max-width:90% !important;}

/* maps page */
.world-map-container {position:relative;width:445px;height:190px;margin:10px auto;}
.world-map-container .filter-by-continent {width:445px;height:190px;}
.world-map-container .world-map img {width:445px !important;height:190px !important;    max-width: 100% !important;}
.world-map-container #africa		{left:143px;top:-340px;}
.world-map-container #australia		{left:11px;top:-590px;}
.world-map-container #europe		{left:155px;top:-350px;}
.world-map-container #asia			{left:11px;top:-215px;}
.world-map-container #NA			{left:261px;top:-520px}
.world-map-container #SA			{left:0;top:0}
.all-countries {    width: 100%;    float: none;}


    
/* responsive menu toggle */
.header-nav-responsive-toggle {width:100%;background:#f2f2f2;padding:10px 0;    position: absolute;    top: 110px;display:none;clear:both;}
.header-nav-responsive-toggle #res_menu_btn {float:right;margin-right:20px;}
.header-nav-responsive-toggle h3 {float:left;margin-left:20px;}

/* General styles for responsive menu menus */
.cbp-spmenu {background: #464646;position: fixed;}
.cbp-spmenu h3 {color: #afdefa;font-size: 1.9em;padding: 20px;margin: 0;font-weight: 300;background: #0d77b6;}
.cbp-spmenu a {display: block;color: #fff;font-size: 1.1em;font-weight: 300;}
.cbp-spmenu a:hover {background: #bb9f60;}
.cbp-spmenu a:active {background: #bb9f60;color: #fff;}
.cbp-spmenu-vertical {width: 240px;height: 100%;top: 0;z-index: 10000;overflow:auto;}
.cbp-spmenu-vertical li {border-bottom: 1px solid #666;padding: 10px;background:#333;}
.cbp-spmenu-vertical li li {background:#4a4a4a;margin-top:5px;border:0px none;padding:5px 10px;}
.cbp-spmenu-vertical li li li {background:#5a5a5a;}
.cbp-spmenu-vertical ul {padding:0;margin:0;}
.cbp-spmenu-vertical li ul li {display:none;}
.cbp-spmenu-vertical li.open li {display:block;}
.cbp-spmenu-vertical ul.dynamic {margin-top:0px;position:relative;top:auto;right:auto;left:auto;border:0px none;background-color:#333;box-shadow: none;}
.cbp-spmenu-vertical ul.dynamic ul.dynamic {background-color:#4a4a4a;}
.cbp-spmenu-vertical .static.menu-item {display:inline-block;padding:5px;width:160px;}
.cbp-spmenu-vertical .res-menu-open {float:right;display:inline-block;width:20px;height:15px;background:#999;padding:5px;text-align:center;}
.cbp-spmenu-vertical .res-menu-close {float:right;display:none;width:20px;height:15px;background:#999;padding:5px;text-align:center;}
.cbp-spmenu-vertical li.open .res-menu-close {display:inline-block;}
.cbp-spmenu-vertical li.open .res-menu-open {display:none;}
.cbp-spmenu-left {right: -240px;}
.cbp-spmenu-right {left: -240px;}
.cbp-spmenu-left.cbp-spmenu-open {right: 0px;}
.cbp-spmenu-right.cbp-spmenu-open {left: 0px;}
.cbp-spmenu-push {overflow-x: hidden;position: relative;right: 0;}
.cbp-spmenu-push-toright {right: 240px;position:relative;}
.cbp-spmenu-push-toleft {right: -240px;}
.cbp-spmenu,.cbp-spmenu-push {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.header-nav-responsive .ms-core-listMenu-item, .header-nav-responsive .ms-core-listMenu-item:link {color:#fff;}

/* base header */
.header-date, .header-weather, .header-font, .header-language {float:right;}
.header-hotline-responsive {display:none;}


/*  *  Owl Carousel - Animate Plugin */
.owl-carousel .animated {-webkit-animation-duration: 1000ms;animation-duration: 1000ms;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.owl-carousel .owl-animated-in {z-index: 0;}
.owl-carousel .owl-animated-out {z-index: 1;}
.owl-carousel .fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut;}

@-webkit-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
/* * 	Owl Carousel - Auto Height Plugin*/
.owl-height {-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}

/* *  Core Owl Carousel CSS File*/
.owl-carousel {display: none;width: 100%;-webkit-tap-highlight-color: transparent;/* position relative and z-index fix webkit rendering fonts issue */position: relative;z-index: 1;}
.owl-carousel .owl-stage {position: relative;-ms-touch-action: pan-Y;}
.owl-carousel .owl-stage:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel .owl-stage-outer {position: relative;overflow: hidden;/* fix for flashing background */-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot {cursor: pointer;cursor: hand;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.owl-carousel .owl-controls .owl-dot {display: inline-block;background: url(../images/carousel_main_normal.png) center center no-repeat;width: 11px;height: 11px;margin: 0 2px;font: 0/0 a;}
.owl-carousel .owl-controls .owl-dot.active {background: url(../images/carousel_main_active.png) center center no-repeat;}
#home_news_slider .owl-carousel .owl-controls {text-align: right;position: absolute;top: 278px;right: 10px;}
#home_news_slider .owl-carousel .owl-controls .owl-dot {background: url(../images/slider_bullet_normal.png) center center no-repeat;}
#home_news_slider .owl-carousel .owl-controls .owl-dot.active {background: url(../images/slider_bullet_active.png) center center no-repeat;}
.owl-carousel.owl-loaded {display: block;}
.owl-carousel.owl-loading {opacity: 0;display: block;}
.owl-carousel.owl-hidden {opacity: 0;}
.owl-carousel .owl-refresh .owl-item {display: none;}
.owl-carousel .owl-item {position: relative;min-height: 1px;float: right;-webkit-backface-visibility: hidden;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.owl-carousel .owl-item img {display: block;width: 100%;-webkit-transform-style: preserve-3d;}
.owl-carousel.owl-text-select-on .owl-item {-webkit-user-select: auto;-moz-user-select: auto;-ms-user-select: auto;user-select: auto;}
.owl-carousel .owl-grab {cursor: move;cursor: -webkit-grab;cursor: -o-grab;cursor: -ms-grab;cursor: grab;}
.owl-carousel.owl-rtl {direction: ltr;}
.owl-carousel.owl-rtl .owl-item {float: left;}
/* No Js */
.no-js .owl-carousel {display: block;}
/* * 	Owl Carousel - Lazy Load Plugin*/
.owl-carousel .owl-item .owl-lazy {opacity: 0;-webkit-transition: opacity 400ms ease;-moz-transition: opacity 400ms ease;-ms-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease;}
.owl-carousel .owl-item img {transform-style: preserve-3d;}



.home-main-news-slider {height:329px;overflow:hidden;}
.home-main-news-slider ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden;}
.home-main-news-slider li.bjqs-slide{position:absolute; display:none;}
.home-main-news-slider ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;display:none;}
.home-main-news-slider ul.bjqs-controls.v-centered li a{position:absolute;}
.home-main-news-slider ul.bjqs-controls.v-centered li.bjqs-next a{left:0;}
.home-main-news-slider ul.bjqs-controls.v-centered li.bjqs-prev a{right:0;}
.home-main-news-slider ol.bjqs-markers{list-style: none; padding: 0; margin: 12px 13px;;position:absolute;right:0px;bottom:0px;text-align:right;}
.home-main-news-slider ol.bjqs-markers.h-centered{text-align: center;}
.home-main-news-slider ol.bjqs-markers li{display:inline;}
.home-main-news-slider ol.bjqs-markers li a{display:inline-block;background:url(../images/slider_bullet_normal.png) center center no-repeat;width:11px;height:11px;margin:0 2px;font:0/0 a;}
.home-main-news-slider ol.bjqs-markers li.active-marker a {background:url(../images/slider_bullet_active.png) center center no-repeat;}
.home-main-news-slider p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

.news-item .news-img {width:400px;overflow:hidden;float:left;}
.news-item .news-img img {width:400px;height:300px;}
.news-item .news-details {width:180px;height:260px;overflow:hidden;float:right;background:#bca062;color:#fff;padding:20px;}
.news-item .news-details h4 {margin:5px 0 0;color:#333;line-height:20px;font-weight:normal;font-size:16px;}
.news-item .news-details h4 a {color:#333;line-height:24px;font-weight:normal;font-size:16px;}
.news-item .news-details p {margin:10px 0;line-height:20px;}

.news-links {margin-top:-28px;float:right;height:28px;}
.news-links a.news-all {white-space:nowrap;color:#fff;font-size:11px;display:inline-block; margin:0 10px;float:right;line-height:28px;}
.news-links a.news-rss {white-space:nowrap;color:#fff;font-size:12px;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase; display:inline-block;float:right;line-height:28px;}
.news-links a i {font-size:14px;}
div.Rss {display:none;}



.ambassador-SeraZatia .Details {width:54%;}
.home-main-news-slider , #home_news_slider {width:620px;}
.home-main-banner {display:none;}











/* ------------- 1200 : Extra Large Devices, Wide Screens ------------- */
@media only screen and (min-width : 1200px) {
.container {width:1170px;}

.header-nav-responsive-toggle, .header-nav-responsive {display:none;}
.header-nav {display:block;}
body{right:auto !important;}
.sub-footer-col-2 {width:350px;margin-left:100px;} 
.home-content-main {width:930px;}
.News .rightPost {width: 730px;}
.internal-article {width: 930px;}
.home-footer-sitemap {width: 820px;}
.consulate-left {width: 610px;}
.consulate-home .home-main-news .rightPost {width: 400px;}
}

/* ------------- 990: Large Devices, ------------- */
@media only screen and (max-width : 1199px) and (min-width : 992px) {
.container {width:940px;}
.page-header h1.header-logo {min-width:600px;}
.header-nav-responsive-toggle, .header-nav-responsive {display:none;}
.header-nav {display:block;}
body{right:auto !important;}
.sub-footer-col-2 {width:350px;margin-left:100px;} 
}



/* -------------  768 : Medium Devices, Desktops ------------- */
@media only screen and (max-width : 991px) and (min-width : 768px) {
.container {width:740px;}
.header-nav-responsive-toggle {display:block;}
.header-nav {display:none;}
.home-footer-sitemap {float:none;width:720px;padding-top:20px;}
.home-footer-visited {float:none;width:720px;clear:both;}
.home-footer-sitemap .footer-sitemap-col {padding-bottom:20px}
.page-sub-footer .sub-footer-col-1 {width:215px;}
.page-sub-footer .sub-footer-col-2 {width:215px;margin-left: 0px;}
.page-sub-footer .sub-footer-col-3 {width:290px;}
.sub-footer-col-2, .sub-footer-col-1 {margin-left:80px;}
/* normal menu displayed */
.page-header .header-nav, .mega-menu {width:100% !important;}
	
/* responsive header */
.page-header {height:auto;}
.page-header h1.header-logo {position:relative;top:auto;left:auto;text-align:center;padding:20px 0 0;min-height:75px;margin:0 auto;}
.page-header .header-search {position:relative;top:auto;left:auto;margin:20px auto;width:270px;height:24px;clear:both;}
.page-header .header-search .ms-textSmall {width:175px;}
.header-nav-responsive-toggle{position:relative;top:auto;left:auto;margin:20px auto;height:24px;}
.sub-header-responsive {background:#f2f2f2;height:20px;}
.page-sub-header, .page-header {height:auto;}
.header-hotline-responsive {display:block;border: 1px solid #333;background:#6d6d6d;float:left;line-height: 14px;margin: 2px 0 3px 5px;padding:2px 5px;color:#fff;}
.sub-header-tools {float:none;clear:both;border-top:1px solid #999;padding:5px 0;margin-top:5px;text-align:right;}
.sub-header-date {    float: none;}
.header-hotline {display:none;}
.header-hotline-responsive .number {direction:rtl;}

	
/* internal pages */
.home-content-main {width:500px;}
.News .rightPost {width: 320px;}
.SeraZatia .Details {border:0px none;}
.internal-article {width:500px;}
.minister-page-head h2 {width:auto;}
.consulate-left {width: 500px;}
.consulate-home .home-main-news .rightPost {width: 290px;}

/* forms */
.Table-control .TextBox, .TxtBoxField input , .Table-control .TextBox-Field, .Table-control .TextBox-Field-2, .Table-control .TittelField, .Table-control .DropDownList-2 {max-width:350px !important;}

}

/* ------------- 660: Small Devices, Tablets ------------- */
@media only screen and (max-width : 767px) and (min-width : 660px) {
.container {width:620px;}
.home-footer-sitemap {float:none;width:600px;padding-top:20px;}
.home-footer-visited {float:none;width:600px;clear:both;}
.home-footer-sitemap .footer-sitemap-col {padding-bottom:20px}

/* menu to be responsive */
.page-header .header-nav, .mega-menu {width:100% !important;}
	

.header-nav-responsive-toggle {display:block;}
.header-nav {display:none;}
.page-sub-footer h4 {font-size: 12px;}
.sub-footer-col-1 {width:160px;}
.sub-footer-col-2 {width:165px;}
.sub-footer-col-3 {width:275px;margin-left:20px;}
.footer-list-follow-2 li {padding: 5px 1px;}

/* responsive header */
.page-header {height:auto;}
.page-header h1.header-logo {position:relative;top:auto;left:auto;text-align:center;padding:20px 0 0;}
.page-header .header-search {position:relative;top:auto;left:auto;margin:20px auto;width:270px;height:24px;}
.page-header .header-search .ms-textSmall {width:175px;}
.header-nav-responsive-toggle{position:relative;top:auto;left:auto;margin:20px auto;height:24px;}
.sub-header-responsive {background:#f2f2f2;height:20px;}
.page-sub-header, .page-header {height:auto;}
.header-hotline-responsive {display:block;border: 1px solid #333;background:#6d6d6d;float:left;line-height: 14px;margin: 2px 0 3px 5px;padding:2px 5px;color:#fff;}
.sub-header-tools {float:none;clear:both;border-top:1px solid #999;padding:5px 0;margin-top:5px;text-align:right;}
.sub-header-date {    float: none;}
.header-hotline {display:none;}
.header-hotline-responsive .number {direction:rtl;}

/* embassies header */
.header-logo .global-title-cont {float:none;margin-top: 20px;margin-left: 0px;border-left:0;    border-top: 1px solid #c3ab73;}
.header-logo img {float:none;}


/* internal pages */
.side-nav h1 {display:block !important;visibility:visible !important;} 
.home-content-main {float: none;width: 620px;}
.internal-aside {float: none;width: 620px;clear:both;}
.side-participate .links-participate {width: 620px;height:auto;}
.side-participate .links-participate li {width: 154px;border-right: 1px solid #fff !important;}
.side-nav ul.dynamic {display:none;}
.side-nav .dynamic-children.additional-background {background:none;}

.side-participate .links-participate li.e-icon-survey a {background-position:-304px 10px}
.side-participate .links-participate li.e-icon-survey a:hover {background-position:-304px -80px;}
.side-participate .links-participate li.e-icon-feedback a {background-position:-187px 10px}
.side-participate .links-participate li.e-icon-feedback a:hover {background-position:-187px -80px;}
.side-participate .links-participate li.e-icon-ideas a {background-position:-74px 10px}
.side-participate .links-participate li.e-icon-ideas a:hover {background-position:-74px -80px;}
.side-participate .links-participate li.e-icon-vote a {background-position:47px 10px}
.side-participate .links-participate li.e-icon-vote a:hover {background-position:47px -80px;}

/* internal pages */
.News .rightPost {width: 440px;}
.SeraZatia .Details {border:0px none;}
.internal-article {width:100%;}
.minister-page-head h2 {width:auto;}
.page-content .contact-info-list span.details {width: 540px;}
.page-content .contact-info-list span.details  .details-info {width: 340px;}
.consulate-left {width: 380px;}
.consulate-home .home-main-news .rightPost {width: 170px;}


/* forms */
.Table-control .TextBox, .TxtBoxField input  , .Table-control .TextBox-Field, .Table-control .TextBox-Field-2, .Table-control .TittelField, .Table-control .DropDownList-2 {max-width:350px !important;}


}


/* ------------- 480: Small Devices, Tablets ------------- */
@media only screen and (max-width : 659px) and (min-width : 480px) {
.container {width:460px;}
.header-nav-responsive-toggle {display:block;}
.header-nav {display:none;}

.home-footer-sitemap {float:none;width:460px;padding-top:20px;}
.home-footer-visited {float:none;width:440px;clear:both;}
.home-footer-sitemap .footer-sitemap-col {padding-bottom:20px}

/* menu to be responsive */
.page-header .header-nav, .mega-menu {width:100% !important;}
	
.page-sub-footer h4 {font-size: 12px;}
.sub-footer-col-1 {width:160px;}
.sub-footer-col-2 {width:165px;}
.sub-footer-col-3 {width:275px;margin-left:20px;}
.footer-list-follow-2 li {padding: 5px 1px;}

.page-sub-footer {height:auto;}
.sub-footer-col-1 {float:none;width:100%;border-bottom:1px solid #999;height:25px;text-align:center;}
.sub-footer-col-2 {float:none;width:100%;border-bottom:1px solid #999;height:25px;text-align:center;}
.sub-footer-col-3 {float:none;width:100%;height:35px;text-align:center;    margin-left: 0px;}
.page-sub-footer h4, .page-sub-footer ul {float:none; display:inline-block;vertical-align:middle;}

/* responsive header */
.page-header {height:auto;}
.page-header h1.header-logo {position:relative;top:auto;left:auto;text-align:center;padding:20px 0 0;}
.page-header .header-search {position:relative;top:auto;left:auto;margin:20px auto;width:270px;height:24px;}
.page-header .header-search .ms-textSmall {width:175px;}
.header-nav-responsive-toggle{position:relative;top:auto;left:auto;margin:20px auto;height:24px;}
.sub-header-responsive {background:#f2f2f2;height:20px;}
.page-sub-header, .page-header {height:auto;}
.header-hotline-responsive {display:block;border: 1px solid #333;background:#6d6d6d;float:left;line-height: 14px;margin: 2px 0 3px 5px;padding:2px 5px;color:#fff;}
.sub-header-tools {float:none;clear:both;border-top:1px solid #999;padding:5px 0;margin-top:5px;text-align:right;}
.sub-header-date {    float: none;}
.header-hotline {display:none;}
.header-hotline-responsive .number {direction:rtl;}

/* embassies header */
.header-logo .global-title-cont {float:none;margin-top: 20px;margin-left: 0px;border-left:0;    border-top: 1px solid #c3ab73;}
.header-logo img {float:none;}

/* internal pages */
.side-nav h1 {display:block !important;visibility:visible !important;} 
.home-content-main {float: none;width: 460px;}
.internal-aside {float: none;width: 460px;clear:both;}
.side-participate .links-participate {width: 460px;height:auto;}
.side-participate .links-participate li {width: 114px;border-right: 1px solid #fff !important;}
.side-nav .dynamic-children.additional-background {background:none;}
.side-nav ul.dynamic {display:none;}

.side-participate .links-participate li.e-icon-survey a {background-position:-324px 10px}
.side-participate .links-participate li.e-icon-survey a:hover {background-position:-324px -80px;}
.side-participate .links-participate li.e-icon-feedback a {background-position:-207px 10px}
.side-participate .links-participate li.e-icon-feedback a:hover {background-position:-207px -80px;}
.side-participate .links-participate li.e-icon-ideas a {background-position:-94px 10px}
.side-participate .links-participate li.e-icon-ideas a:hover {background-position:-94px -80px;}
.side-participate .links-participate li.e-icon-vote a {background-position:27px 10px}
.side-participate .links-participate li.e-icon-vote a:hover {background-position:27px -80px;}

/* internal pages */
.News .rightPost {width: 280px;}
.minister-page-head img {float:none;margin:10px auto;display:block;}
.internal-article {width:100%;}
.minister-page-head h2 {width:auto;}
.page-content .contact-info-list span.details {width: 380px;}
.page-content .contact-info-list span.details  .details-info {width: 235px;}
.consulate-right {float:none;width:auto;}
.consulate-right .home-main-ads {margin:0;float:left;}
.consulate-right .home-main-CountryLinks .dfwp-list {zoom:1;}
.consulate-right .home-main-ImportantLinks {clear:both;margin-top:20px;width:100%;float:none;}

.nl-EmailTextBox, .nl-txtEmail, .nl-btnSave {width:250px !important;}
.Capatcha-Table, .nl-lblEmail, .nl-txtEmail, .nl-btnSave {padding: 5px;}
.Capatcha-Table .TittelField , .Capatcha-Table .TxtBoxField {width: 150px !important;}
body .TxtBoxField input{max-width: 248px !important;}


/* forms */
.Table-control .TextBox, .TxtBoxField input  , .Table-control .TextBox-Field, .Table-control .TextBox-Field-2, .Table-control .TittelField, .Table-control .DropDownList-2 {max-width:350px !important;}



}



/* ------------- 320 : Extra Small Devices, Phones ------------- */ 
@media only screen and (max-width : 479px) {
.container {width:300px;}
.header-nav-responsive-toggle {display:block;}
.header-nav {display:none;}

.home-footer-sitemap {float:none;width:300px;padding-top:20px;}
.home-footer-visited {float:none;width:280px;clear:both;}
.home-footer-sitemap .footer-sitemap-col {padding-bottom:20px;    float: none;    width: 90%;}

/* menu to be responsive */
.page-header .header-nav, .mega-menu {width:100% !important;}
	
.page-sub-footer h4 {font-size: 12px;}
.sub-footer-col-1 {width:160px;}
.sub-footer-col-2 {width:165px;}
.sub-footer-col-3 {width:275px;margin-left:0px;}
.footer-list-follow-2 li {padding: 5px 1px;}

.page-sub-footer {height:auto;}
.sub-footer-col-1 {float:none;width:100%;border-bottom:1px solid #999;height:25px;text-align:center;}
.sub-footer-col-2 {float:none;width:100%;border-bottom:1px solid #999;height:25px;text-align:center;}
.sub-footer-col-3 {float:none;width:100%;height:35px;text-align:center;}
.page-sub-footer h4, .page-sub-footer ul {float:none; display:inline-block;vertical-align:middle;}

/* responsive header */
.page-header {height:auto;}
.page-header h1.header-logo {position:relative;top:auto;left:auto;text-align:center;padding:20px 0 0;}
.page-header .header-search {position:relative;top:auto;left:auto;margin:20px auto;width:270px;height:24px;}
.page-header .header-search .ms-textSmall {width:175px;}
.header-nav-responsive-toggle{position:relative;top:auto;left:auto;margin:20px auto;height:24px;clear:both;}
.sub-header-responsive {background:#f2f2f2;height:20px;}
.page-sub-header, .page-header {height:auto;}
.header-hotline-responsive {display:block;border: 1px solid #333;background:#6d6d6d;float:left;line-height: 14px;margin: 2px 0 3px 5px;padding:2px 5px;color:#fff;}
.sub-header-tools {float:none;clear:both;border-top:1px solid #999;padding:5px 0;margin-top:5px;text-align:right;}
.sub-header-date {    float: none;}
.header-hotline {display:none;}
.header-hotline-responsive .number {direction:rtl;}

/* embassies header */
.header-logo .global-title-cont {float:none;margin-top: 20px;margin-left: 0px;border-left:0;    border-top: 1px solid #c3ab73;}
.header-logo img {float:none;}


/* internal pages */
.side-nav h1 {display:block !important;visibility:visible !important;} 
.home-content-main {float: none;width: 300px;}
.internal-aside {float: none;width: 300px;clear:both;}
.side-participate .links-participate {width: 300px;height:auto;}
.side-participate .links-participate li {width: 149px;}
.side-nav .dynamic-children.additional-background {background:none;}
.side-nav ul.dynamic {display:none;}

.side-participate .links-participate li.e-icon-survey a {background-position:-308px 10px}
.side-participate .links-participate li.e-icon-survey a:hover {background-position:-308px -80px;}
.side-participate .links-participate li.e-icon-feedback a {background-position:-194px 10px}
.side-participate .links-participate li.e-icon-feedback a:hover {background-position:-194px -80px;}
.side-participate .links-participate li.e-icon-ideas a {background-position:-79px 10px}
.side-participate .links-participate li.e-icon-ideas a:hover {background-position:-79px -80px;}
.side-participate .links-participate li.e-icon-vote a {background-position:41px 10px}
.side-participate .links-participate li.e-icon-vote a:hover {background-position:41px -80px;}

/* internal pages */
.News .rightPost {float: none;width: 280px;margin-left: 20px;}
.News .leftPost {float: none;width: 280px;margin-left: 20px;text-align:center;margin-bottom:30px; }
.SeraZatia .Details {border:0px none;}
.minister-page-head img {float:none;margin:10px auto;display:block;}
.world-map-container {zoom:0.5;}
.title-all-letters h5, .title-world-map h5 {font-size:120%;height: auto;}
.internal-article {width:100%;}
.minister-page-head h2 {width:auto;}
.page-content .contact-info-list span.details {width: 220px;}
.page-content .contact-info-list span.details  .details-info {width: 150px;}
.consulate-right {float:none;width:auto;}
.consulate-right .home-main-ads {margin:20px auto 0;float:none;}
.consulate-right .home-main-CountryLinks .dfwp-list {zoom:1;}
.consulate-right .home-main-CountryLinks {width:auto;float:none;}
.consulate-right .home-main-ImportantLinks {clear:both;margin-top:20px;width:100%;float:none;}
.consulate-left {float:none;width:auto;}
.head-of-missions-container ul, .E-participation ul, .mofa-social-network ul, .attestation ul, .saudi-national-abroad-services ul, .government-economic-sites ul, .how-to-reach-MOFA ul, .box-list ul {margin-left:0 !important;}

.nl-EmailTextBox, .nl-txtEmail, .nl-btnSave {width:150px !important;}
.Capatcha-Table, .nl-lblEmail, .nl-txtEmail, .nl-btnSave {padding: 5px;}
.Capatcha-Table .TittelField , .Capatcha-Table .TxtBoxField {width: 150px !important;}

/* forms */
.Table-control .TextBox, .TxtBoxField input  , .Table-control .TextBox-Field, .Table-control .TextBox-Field-2, .Table-control .TittelField, .Table-control .DropDownList-2 {max-width:150px !important;}
.fanarTittelField, .fanarTxtBoxField, .riTextBox {max-width:100px !important;}
.ContanerForm-Msg .contentdiv {width:100%;}
#wizard ul li {max-width:80px;;}
.Stage select {max-width:100px;}


}


