@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800';
@import 'https://fonts.googleapis.com/css?family=Montserrat:400,700';
@import 'https://fonts.googleapis.com/css?family=Cairo:300,400';

body{ background: #f7f5f5 url(../images/bg-color.jpg) left top repeat; font-size: 14px; font-family: Open Sans; color: #666 ; line-height: 23px;   }
h1, h2, h3, h4, h5, h6{ font-weight: 400;  color: #452200; line-height: 1.2;  }
a { color: #452200;  }
a:focus, a:hover{ color: #d33829; }
p{ text-align: justify;  }

.top-links{ background: #452200; padding: 10px 0; border-bottom: 1px solid #391c00; font-size: 12px; line-height: 13px; }
.top-links ul{ padding:0; margin:0; list-style: none;  }
.top-links ul li{ padding:0 10px; margin:0; list-style: none; display: inline-block ; color: #fff; border-right: 1px solid #fff;   }
.top-links ul li a{  color: #fff;   }
.top-links ul li:last-child{  border-right: 0px solid #fff;     }
.lan{ font-family: Cairo; }


.header{ background: #452200; padding: 15px 0; font-size: 16px;}
.header h1{ color: #fff;  font-size: 16px; font-weight: 400;  padding: 0; margin: 15px 0 0 0;  font-family: Open Sans; letter-spacing:0; }
.header img{ margin: 0 15px 0 0 ; float: left; }
.header abbr{ margin: 12px  15px 0 0 ; float: left; font-size: 16px; font-weight: 400; }

.header a{ color: #fff; }
.header a:hover{ color: #fff; text-decoration: none;  }
.header .navbar-form{ border: 0px solid #fff; }

.navbar-brand{ float: left; width: 100%; height: auto; padding: 0; margin: 0; }

.search{ width: 100%; float: right; margin: 15px 0 0 0;}
.search .navbar-form { padding: 0; margin: 0; }
.search .btn { padding: 11px 16px; border: 0px solid ; border-radius: 0; color: #fff; background: #d33829; margin: 0 1px 0 0 ;}
.search .form-control { border: 0px solid ; box-shadow: none;  height: 33px;  }
.search .btn-default:focus, .search .btn-default:hover {   }
.search  .form-group {
    float: none;
    margin: 0;
    padding: 0;
    width: 75%;
}
  .search .navbar-form {
    box-shadow: none; 
 }

.nav{ background: #fff ;  }
.navbar-inverse { border: 0px solid ; background: #fff ; font-weight: 600;       }
.navbar { border-radius: 0; margin-bottom: 0; }
.navbar-inverse .navbar-nav > li > a { color: #452200; }
.nav > li > a {
  
    padding: 14px 13px 13px 13px !important;
}


.navbar-nav > li:last-child { border-right: 0px solid #fff; }
.navbar-nav > li{ border-right: 1px solid #ddd; }



.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { color: #452200; }
.dropdown-menu { border: 0 solid; }
.dropdown-menu > li  { border-bottom: 1px solid #ddd;  }
.dropdown-menu > li > a { padding: 5px 15px; }
.dropdown-menu > li:last-child{ border-bottom: 0px solid #ddd; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { background: none; border-top: 3px solid #d33829; color: #d33829; }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { background: none; border-top: 3px solid #d33829; color: #d33829; }
.navbar-inverse .navbar-nav > li > a { border-top: 3px solid #f7f5f5; }
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover { border-color: #ddd; }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover { background: #d33829; color: #fff;   }
.main-slider{ background:url(../images/bgtext.jpg) left top no-repeat; height: 300px;   height: 270px; color: #fff;  }


.main-slider .pull-left, .main-slider .pull-right { padding: 0;  }
.main-slider p{ text-align: left;  }
.carousel-control { width: 7%; }
.carousel-caption { width: 50%; left: 0; right: auto ; text-align: left; float: left;  }
.main-slider  img {  clear: both; display: block; float: right; height: 270px;  width: 100%; }
.slide-text{ float:left; width:48%; padding: 30px 3% 0 11%; color: #fff;  }
.slide-text a{ color: #fff; }
.slide-text  h2{ font-size: 40px; color: #fff; font-weight: 400; font-family: Montserrat; letter-spacing: -1px;}
.slide-text  p{ font-size: 20px; font-weight: 300;  }
.slide-img{ float:left; width: 52%; }


.main-content{ margin: 40px 0 0 0; }
.main-content h1{ color: #d33829; font-size: 33px; margin: 0 0 10px 0; padding: 0; font-weight: 400;  font-family: Montserrat; letter-spacing: -1px; }
.main-content .btn{ font-size: 12px; padding: 5px 10px; margin: 10px 0 0 0; }


.content-inner{ margin: 20px 0 40px 0; }
.content-inner h1{ color: #d33829; font-size: 33px; margin: 0 0 20px 0; padding: 0;  font-family: Montserrat; letter-spacing: -1px; font-weight: 400;}
.content-inner .page-header { padding: 0; margin: 10px 0 25px 0;  border: 0px solid #fff; }
.content-inner .btn{ font-size: 12px; padding: 5px 10px; margin: 10px 0 0 0; }


.content-inner ul{ padding: 0; margin: 0 0 20px 15px; list-style: none ;}
.content-inner ul li{ padding: 5px 0; margin: 0; list-style: disc ; }
.content-inner ul li a{ color: #666; } 

.content-inner ol{ padding: 0; margin: 0 0 20px 15px; list-style: none ;}
.content-inner ol li{ padding: 5px 0; margin: 0; list-style: decimal ; }
.content-inner ol li a{ color: #666; } 

.table tr th{ color: #d33829;}
.table-striped > tbody > tr:nth-of-type(2n+1){ background: #f7f5f5; }
.table > tbody > tr > td { color: #452200; }

.publications{ background: #e8e4dc url(../images/bg1.jpg) left top repeat-x; padding: 11px 0 25px 0;  }
.publications h1{ color: #d33829; font-size: 33px; margin: 18px 0 5px 0; padding: 0; font-family: Montserrat; letter-spacing: -1px; }
.publications .nav{ background: none ;  }
.publications .btn-primary { color: #d33829; background: none; border-color: #d33829; border-width: 1px; font-size: 11px; padding: 5px 10px; float: left; margin: 10px 0 0 0; }
.publications .btn-primary.focus, .publications  .btn-primary:focus { background: none; border-color: #452500; border-width: 1px; color: #452500;  }
.publications .btn-primary:hover { background: none; border-color: #452500; border-width: 1px; color: #452500;  }
.publications .btn-primary.active,.publications  .btn-primary:active, .publications .open>.dropdown-toggle.btn-primary { background: none; border-color: #452500;
 border-width: 1px; color: #452500; }

.nav-tabs > li > a { border-radius: 0; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
 background: none; border-radius: 0; border-width:  0 0 3px 0; border-color: #d33829;  color: #d33829; } 
.nav-tabs {  border-bottom: 0px solid #ddd; }
.dropdown-menu {  border-radius: 0; }
.carousel-control.left, .carousel-control.right{ background: none; }
.bx-wrapper .bx-pager { display: none;  }
.grid h5{ text-align: left !important; margin:  0; padding: 10px 0 5px; display: block; clear: both; font-family: Open Sans; font-weight: 600; font-size: 12px; line-height: 15px; min-height: 60px;    }
.grid h6{ text-align: left !important; margin: 0 0; padding: 0; font-size: 13px; font-weight:normal; color: #736c67;  font-family: Open Sans;   }

.grid { width: 190px !important; display: inline-block;  max-width: 190px !important;
}


.profile{ text-align: center; }
.profile p{ text-align: center ; }


.news ul{ padding: 0; margin: 0; list-style: none; }
.news ul li{ padding: 15px 0; margin: 0; list-style: none; border-bottom: 1px dashed #ddd; float: left;    width: 100%;  }
.news ul li:last-child{  border-bottom: 0px dashed #eee; }
.news .news-cover{ float:left ; width: 20%; }
.news .news-wrap{ float:left ; width: 80%; padding: 0 0 0 20px;  }
.news ul li h2{  padding: 0; margin:  0; font-size: 17px; line-height: 22px;   }
.news ul li small{  font-size: 15px;  margin: 0 0 10px 0; display:block;   }


.services ul{ padding: 0 0 20px 0; margin:   0; list-style: none; }
.services ul li{ padding: 5px 0 5px 18px; margin: 0; list-style: none; border-bottom: 1px dashed #ddd;  
background: url(../images/arrow.jpg) left 11px no-repeat; font-weight: 600;  color: #452200;  }
.services ul li:last-child{  border-bottom: 0px dashed #eee; }
.services p{ text-align: left ; }
.services ul li a{  color: #452200; }



.quicklinks ul{ padding: 0 0 20px 0; margin:   0; list-style: none; }
.quicklinks ul li{ padding: 5px 0 5px 18px; margin: 0; list-style: none; border-bottom: 1px dashed #ddd;  
background: url(../images/arrow.jpg) left 11px no-repeat; font-weight: 600; color: #452200; }
.quicklinks ul li:last-child{  border-bottom: 0px dashed #eee; }
.quicklinks ul li a{  color: #452200; }

.aboutus img{ float: right; padding: 0; margin: 10px 0 0 20px; }

.newsgroup ul{ padding: 0; margin: 0; list-style: none; }
.newsgroup ul li{ padding: 15px 0; margin: 0; list-style: none; border-bottom: 1px dashed #ddd; float: left;   }
.newsgroup ul li a{ color: #452200; } 
.newsgroup ul li:last-child{  border-bottom: 0px dashed #eee; }
.newsgroup .news-cover{ float:left ; width: 20%; }
.newsgroup .news-wrap{ float:left ; width: 80%; padding: 0 0 0 20px;  }
.newsgroup ul li h2{  padding: 0; margin:  0; font-size: 20px; line-height: 27px;   }
.newsgroup ul li small{  font-size: 15px;  margin: 0 0 10px 0; display:block;   }
.newsgroup ul li p{  margin: 20px 0 0 0;     }


.content-inner .sitemap{ width: 100%; float: left; }
.content-inner .sitemap ul{ padding: 0; margin: 0 0 20px 0; list-style: none ;}
.content-inner .sitemap ul li{ padding:  10px 0; margin: 0; list-style: none ;  }
.content-inner .sitemap ul li a{ color: #666; } 
.content-inner .sitemap ul li h2{ color: #452200; font-size: 20px; line-height: 28px; padding: 0; margin: 0 0 0 0;  } 
.content-inner .sitemap ul li h2 a{ color: #452200; } 
.content-inner .sitemap ul li ul{ padding:  0; margin: 0 0 0 15px; list-style: none ;  }
.content-inner .sitemap ul li ul li{ padding:  5px 0; margin: 0; list-style: disc ;  }




.form-group{ margin: 20px 0 0 0; padding: 0 0; float: left; width: 100%; }
.form-group textarea{ height: 100px;  }
.form-group .col-md-4, .form-group .col-sm-4, .form-group .col-xs-4,  .form-group .col-xs-12{ padding: 0; }
.form-group  .btn-success{ margin: 0 15px 0 0; }
.star { color: red; font-weight: normal; font-size: 12px; }





.officeimage { float: right !important;
    margin: 0;
    padding: 0;
    text-align: right; 
}
.speech img{ float: none !important; margin: 0 !important; padding: 0 !important; }
.speech  h3 {  font-size: 20px; }
.speech table tr td {  }

.offices .imgMap img{ float: none !important; margin: 0 !important; padding: 0 !important; }
.offices ol li p, .offices ul li p { text-align: left !important;  }

.news-sub { border-bottom: 1px solid #ddd; float: left; padding: 20px 0; width: 100%; margin: 0 0 20px 0; }
.news-sub img{  float: none !important; }
.news-sub h5 a{ background: #d33829; color: #fff; padding: 5px; }
.news-sub h5 a:hover{  color: #fff !important;   }



.news .news-cover img { height: 100px; width: 100%; }

.table-grid{ margin:10px auto; }
.gridPage { text-align:center !important; margin: auto !important; border: 0px solid !important; }
.gridPage td table{ text-align:center !important; margin: 10px auto !important;  }
.gridPage td table tr td a{ padding: 3px 10px !important; border: 1px solid #ddd !important; margin: 10px 3px; }

 .form-group img{ float: left !important; margin: 10px 0;  }
 
 
 
 
.newsletter { background: #fff;   color: #302f2d; margin: auto; text-align: center; padding: 20px 0px; border-top: 1px solid #eee;    }
.newsletter h1{ color: #d33829 ; font-size: 33px; padding: 0; margin: 0 0 10px 0; font-family: Montserrat; letter-spacing: -1px; font-weight: 400; } 
.newsletter .btn-success { background: #d33829 ; border: 3px solid #d33829; color: #fff;} 
.newsletter .form-control { display: inline-block; width: 70%; box-shadow: none;   height: 42px; vertical-align: top;  border-radius: 0;  } 
.newsletter .form-group{ width: 70%; margin:10px  auto 0; }
.newsletter .btn{ padding: 9px 15px; border-radius: 0; margin: 0;  }
.newsletter p{ text-align: center ; padding: 0; margin: 0; font-size: 17px;}
.newsletter .form-group{ margin: 10px auto; float:none; }

.pagination { margin: 20px 0 !important; }
.pagination > li:last-child > a, .pagination > li:last-child > span, .pagination > li:first-child > a, .pagination > li:first-child > span {border-radius: 0; }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #d33829; border-color: #d33829;  color: #fff; }
.pagination > li > a, .pagination > li > span { color: #452200; }
.pagination > li > a:hover, .pagination > li > a:focus { color: #d33829; }



.footer{ background: #452200; color: #fff; font-size: 12px; padding: 20px 0; line-height: 18px;  }
.footer a{ color: #fff;  }
.footer ul{ padding: 0 ; margin: 0 0 5px 0;   }
.footer ul li{ padding: 0 10px 0 0; margin: 0; list-style: none; display:inline-block; color: #fff;     }
.footer ul li a{ color: #fff;  }
.footer ul li:last-child{ border-right: 0px solid #666;   }


.socialbar ul li{ border: 0px solid ; padding: 0; margin: 0;  }
.socialbar ul li .fa{  padding: 5px; font-size: 20px; margin: 0 5px 0 0; }
.socialbar ul li .fa:hover{ text-decoration: none; background: #d33829; }
.socialbar ul li .fa-twitter{ padding: 5px 7px; background: #28aae1;}
.socialbar ul li .fa-facebook{ padding: 5px 10px; background: #3d578f;}
.socialbar ul li .fa-youtube{ padding: 5px 8px; background: #d62727;}
.socialbar ul li .fa-linkedin{ padding: 5px 8px;background: #0b78b7; }


.breadcrumb { border-radius: 0;  padding: 10px 0; font-size: 12px; margin: 20px 0 20px 0;  }
.breadcrumb  li a:focus, .breadcrumb li a:hover{ color: #d33829; }

.btn-primary { color: #d33829; background-color: #fff; border-color: #d33829; border-width: 1px;  text-transform: uppercase; }
.btn-primary.focus, .btn-primary:focus { color: #fff; background-color: #f46254; border-color: #f46254  }
.btn-primary:hover { color: #fff; background-color: #f46254; border-color: #f46254 }
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary { color: #fff; background-color: #f46254; border-color: #f46254 }
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { color: #fff; background-color: #f46254; 
border-color: #f46254; }


.btn-success { background: #d33829 ; border: 3px solid #d33829; color: #fff; text-transform: uppercase; }
.btn-success.focus, .btn-success:focus { color: #fff; background-color: #f46254; border-color: #f46254  }
.btn-success:hover { color: #fff; background-color: #f46254; border-color: #f46254 }
.btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success { color: #fff; background-color: #f46254; border-color: #f46254 }
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover { color: #fff; background-color: #f46254; 
border-color: #f46254; }


.form-control, .btn{ border-radius: 0 ; }
.btn{ font-size: 12px; padding: 6px 10px; font-weight: 600;  }


.fet-item { margin-bottom: 30px;  }
.fet-item-inner{  width: 100%; float: left;  background-color: #fff; box-shadow: 0 1px 2px #eee; margin-bottom: 40px; padding: 20px  ; position: relative;  border-top: 3px solid #d33829;  }
.fet-item-inner::before { background-color: #fff;  bottom: -6px; box-shadow: 0 1px 2px #eee; content: ""; height: 30px; left: 8px; position: absolute; right: 8px; z-index: -1;
}

.navbar-toggle { border-radius: 0;}
.navbar-inverse .navbar-toggle .icon-bar { background-color: #d33829; }
.navbar-inverse .navbar-toggle { border: 0px solid ; } 
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{ background: #fff;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border: 0px solid #fff;  }
.navbar-nav .open .dropdown-menu { background: #e8e4dc ;  color: #fff;}
.dropdown-menu { padding:0;}
.dropdown-menu > li { border-bottom: 1px solid #fff; }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #452200; }

.links-tab{   margin: 25px 0 0 0; padding: 0 15px; }
.links-tab li{ list-style: disc; font-size: 13px ; font-weight: 600; color: #452200; padding: 0; margin: 0;  }
.links-tab li a{  color: #452200;  }




/* ----------- cms style ----------- */
.news-sub small {  color: #d33829; }
.news-sub h3 { font-size: 20px; }
.btnPaging, .Dots { background: #fff; border: 1px solid #e5e5e5; margin: 5px; }
.gallery{ width: 100%; float: left; }
.gallery-sub h4 {
    background-color: rgba(122, 33, 9, 0.85);
    bottom: 0;
    color: #fff;
    left: 0;
    margin: 0;
    padding: 5%;
    position: absolute;
    right: 0;
}

.gallery-sub {
    margin-bottom: 30px;
    position: relative;
    float: left;
    padding: 0;
}
.gallery-sub a {
    border: 1px solid #452200;
    text-align: center;
    float: left;
}
.aboutus .gallery-sub  img { padding: 0; margin: 0;  float: none; }

.metroSub h3 { font-size: 17px; line-height: 20px; }
.metroSub ul { border-bottom: 1px solid #ddd; padding: 0 0 15px 15px; margin: 0;}
.metroSub ul li { padding: 2px 0 ; margin: 0; color: #452200; }
.metroSub ul li a{  color: #452200; }
.metroSub ul li img { float:none; padding: 0; margin: 0;  }
.metroSub ul li a{ color: #d33829; }
.filter { margin: 0 0 20px 0; float: left; width: 100%; }
.filter select, .filter input{ border: 1px solid #ddd; width: 90%; padding: 5px; margin: 0 0 20px 0; }
#ctl00_ContentPlaceHolder1_Button1 { width: auto; margin: 0 0 20px 0;   background: #d33829 none repeat scroll 0 0;
    border: 1px solid #d33829;
    color: #fff; padding: 6px 20px;
    text-transform: uppercase;}
.filter .col-md-12, .filter .col-sm-12, .filter .col-xs-12{ padding: 0;}


.caret{ margin-left: 7px; }


.marginBottom-0 {margin-bottom:0;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0  ;-moz-border-radius:0  ;border-radius:0 ;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#001d52;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#fff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius: 0;}
.dropdown-submenu > li a:hover { color: red; } 


.navbar-inverse .navbar-nav .open .dropdown-menu > li > a { font-size: 14px;  }




.slides {  border: 0 solid #fff !important; float: left !important; margin: 20px auto 50px !important;  }
.pgwSlideshow {  background: #fff   !important; }
.pgwSlideshow .ps-list {  background: #fff !important; border-top: 0 solid #fff !important; box-shadow: none !important; }
.pgwSlideshow .ps-list ul li { list-style: none !important; padding: 0 !important; }
.pgwSlideshow .ps-list ul li img {  float: left !important;  margin: 0 !important; padding: 0  !important; }
.pgwSlideshow .ps-list li .ps-item.ps-selected {  border: 4px solid #d33829 !important; margin: 10px 0 0 0 !important; }


.ps-current img { float: none !important; margin: 0 !important; width: 100% !important; }

.html5gallery { float: left; clear: both; margin: 10px auto  !important; }
.divVideo .btn { clear: both; margin: 0 !important;  }
.divVideo input  { background: #eee !important; color: #666 !important; padding: 4px !important; }



.list-Pub{ width: 100%;  float: left; padding:  0; margin: 30px 0 0 0; }
.list-Pubsub{    float: left;   padding: 0 20px; position: relative;}
.list-Pub img { max-width: 100%; display: block; }
.grid figure img { z-index: 0 !important; }
figure.effect-sadie figcaption::before {
    background: rgba(69, 34, 0, 0.85) none repeat scroll 0 0 !important;
    z-index: 0;

}


/* Portrait */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 480px)
  and (orientation: portrait) {
  .header abbr{ display: none; }
  .header img{ display: inline-block; }
  .header h1 { font-size: 14px; line-height: 20px; margin: 7px 0 0 0; }
  .search { background: none; border: 0px solid; }
  .search .navbar-form { float: left;  width: 80%; margin: 0 10%; }
  .search .pull-right { float: left !important;  }
  .search .form-group { width: 80.8%; float: left; }
  .footer .pull-right { float: left !important;  }
  .newsletter .form-group{ width: 100%; }
  .newsletter .form-control, .newsletter .btn{ width: 100%; }
  .bx-wrapper .bx-prev { left: 38%; }
  .bx-wrapper .bx-next { right: 38%;  }
  .slide-text { display: none ; }
  .slide-img { width: 100%; }
  .socialbar{ margin: 10px  0 0 0;}
  .nav > li > a { padding: 10px 5px; font-size: 13px; }
  }
  
  
/* Landscape */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 480px)
  and (orientation: landscape) {
     .header abbr{ display: none; }

  .header img{ display: inline-block; }
  .header h1 { font-size: 14px; line-height: 20px; margin: 7px 0 0 0;   }
  .search { background: none; border: 0px solid; }
  .search .navbar-form { float: left;  width: 90%; margin: 0 5%; }
  .search .pull-right { float: left !important;  }
  .search .form-group { width:  83%; float: left; }
  .footer .pull-right { float: left !important;  }
  .newsletter .form-group{ width: 100%; }
  .newsletter .form-control, .newsletter .btn{ width: 100%; }
  .bx-wrapper .bx-prev { left: 40%; }
  .bx-wrapper .bx-next { right: 40%;  }
  .slide-text { display: none ; }
  .slide-img { width: 100%; }
  .socialbar{ margin: 10px  0 0 0;}
  .nav > li > a { padding: 10px 5px; font-size: 13px; }


}

/* Portrait */
@media only screen 
  and (min-width: 375px) 
  and (max-width: 667px) 
  and (orientation: portrait) { 
  .header abbr{ display: none; }
  .header img{ display: inline-block; }
  .header h1 { font-size: 14px; line-height: 20px; margin: 7px 0 0 0; }
  .search { background: none; border: 0px solid; }
  .search .navbar-form { float: left;  width: 80%; margin: 0 10%; }
  .search .pull-right { float: left !important;  }
  .search .form-group { width: 88%; float: left; }
  .footer .pull-right { float: left !important;  }
  .newsletter .form-group{ width: 100%; }
  .newsletter .form-control, .newsletter .btn{ width: 100%; }
  .bx-wrapper .bx-prev { left: 38%; }
  .bx-wrapper .bx-next { right: 38%;  }
  .slide-text { display: none ; }
  .slide-img { width: 100%; }
  .socialbar{ margin: 10px  0 0 0;}
  .nav > li > a { padding: 10px 5px; font-size: 13px; }
}

/* Landscape */
@media only screen 
  and (min-width: 375px) 
  and (max-width: 667px) 
  and (orientation: landscape) { 
  .navbar-brand{ width: 90%; margin: 0 5%; text-align:center; font-size: 15px !important ;}
  .header h1 { margin: 6px 0 0 0; text-align:left;  }
  .search { background: none; border: 0px solid; }
  .search .navbar-form { float: left;  width: 90%; margin: 0 5%; }
  .search .pull-right { float: left !important;  }
  .search .form-group { width: 90%; float: left; }
  .footer .pull-right { float: left !important;  }
  .newsletter .form-group{ width: 100%; }
  .newsletter .form-control, .newsletter .btn{ width: 100%; }
  .bx-wrapper .bx-prev { left: 42%; }
  .bx-wrapper .bx-next { right: 42%;  }
  .slide-text { display: none ; }
  .slide-img { width: 100%; }
  .socialbar{ margin: 10px  0 0 0;}
}
/* Landscape */
@media only screen 
  and (min-width: 667px) 
  and (max-width: 767px)  { 

  .search { background: none; border: 0px solid; }
  .search .navbar-form { float: left;  width: 80%; margin: 0 5%; }
  .search .pull-right { float: left !important;  }
  .search .form-group { width: 83%; float: left; }
  .footer .pull-right { float: left !important;  }
  .newsletter .form-group{ width: 100%; }
  .newsletter .form-control, .newsletter .btn{ width: 100%; }
  .bx-wrapper .bx-prev { left: 42%; }
  .bx-wrapper .bx-next { right: 42%;  }
  .slide-text { display: none ; }
  .slide-img { width: 100%; }
  .socialbar{ margin: 10px  0 0 0;}
}

/* Portrait */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: portrait) {
   .search .form-group { width: 75%; }
   .header h1 { margin: 7px  0 0 0; }


}

/* Landscape */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: landscape)  {


}

@media screen 
  and (min-width: 1200px) 
  and (max-width: 1600px)  { 

}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-width: 1200px) 
  and (max-width: 1600px) 
  and (min-resolution: 192dpi) { 
}

/* Popup */
#panel {
    background: #FCFDFE;
    display: none;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

    #panel .modaltop {
        background-color: #fff;
        padding: 4px;
        height: 16px;
        text-align: left;
    }

    #panel #closebutton {
        cursor: pointer;
    }

    #panel .body {
        padding: 0px;
    }
	
	.bx-controls-direction .bx-prev {
  left: -35px;
  top: 50%;
}

.bx-controls-direction .bx-next {
  right: -35px;
  top: 50%;
}







.ebook {
    width: 250px !important;
    max-width: 300px !important;
}