@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

body{ font-size: 15px; background:#fff; color: #333333; font-family: droid arabic naskh; direction: rtl; line-height: 1.6;}
blockquote{ font-size: 15px; }
h1, h2, h3, h4, h5, h6{ font-family:droid arabic kufi; font-weight: normal; }
h1{ font-size: 28px;  }
h2{ font-size: 26px;  }
h3{ font-size: 24px;  }
h4{ font-size: 22px;  }
h5{ font-size: 20px;  }
h6{ font-size: 18px;  }

.header{ background:url(../images/bgheader.jpg) right top repeat-x;   height:90px; float: left; width:100%;  }
.header .col-md-6, .header .col-md-6 { padding: 0; }
.header .col-sm-6, .header .col-sm-6 { padding: 0; }
.header h1{ margin: 0; padding: 0;} 
.header a:hover, .header a:focus{ text-decoration: none !important; }
.header .dropdown-menu{ background: #fff; border-radius: 0; padding: 15px; border: 0px solid; }
.header .dropdown-menu > li  { border-bottom: 0px solid #cfc5b2; }
.header .dropdown-menu h3{ font-size: 15px;  }
.header .dropdown-menu ul li { padding: 0; margin: 0;}
.header  .dropdown-menu > li > a{ padding: 5px 0; margin: 0; }
.header  .btn {  border-radius: 0; color: #fff;}
.header  .btn:hover { background: #0397d7  ; color: #fff;}	
	
	
.lan { width: 14%; height:45px;  float: right; border:1px solid #c3c3c3; padding: 14px 7px; margin:40px 0 0 0; color: #231a0b; font-size: 13px; font-weight: bold; text-align:center; } 
.lan a{ color: #231a0b; } 
.time {width: 26%; height:45px; float: right; border:1px solid #c3c3c3; padding: 10px; margin:40px 10px 0 0; color: #231a0b; font-size: 13px; font-weight: bold; text-align:center; } 
.time a{ color: #231a0b; } 

.weather { width: 18%; float: right; border:1px solid #c3c3c3; padding: 10px 7px; margin:40px 10px 0 0; color: #231a0b; font-size: 13px; font-weight: bold;  height:45px;text-align:center; } 
.weather a{ color: #231a0b; } 

.user-profile { width: 35%; float: right; margin:40px 15px 0 0; color: #231a0b;font-size: 13px; border-right: 1px solid #c3c3c3; height:45px; } 
.user-profile a{   color: #231a0b; } 
.admin-user-thumb{  width: 16%;  float: right; }
.admin-user-thumb img{  border-radius: 50%; border: 3px solid #ddd;  margin:0 10px 0 0; }
.admin-user-info{ float: right; }
.admin-user-info ul { list-style:none; margin: 10px 0  0 0; }
.admin-user-info ul li{ list-style:none;   }


.navbar-default {  background-color: #0199dc ; border: 0px solid #0264a1; }
.navbar-nav{ right: left; width:100%; }
.navbar{float: right; width:100%;  border-radius: 0; font-family:droid arabic kufi;  }
.navbar-default .navbar-nav > li > a {  color: #fff;  }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #0397d7; }
.navbar-nav > li { background: url(../images/border1.jpg) left top repeat-y; }
.navbar .col-md-9, .navbar .col-md-3, .navbar .col-sm-9, .navbar .col-sm-3 { padding: 0;}
.navbar-form { float: right; width: 100%; margin:14px 0  0 0; }
.navbar-form .form-group{ float: right; width: 70%;  }
.navbar-form .form-group .form-control{ border-radius: 0; float: right; display:inline-block; width: 100%;  }
.navbar-form .btn { float: right;width: 30%; border-radius: 0;  margin: 0;  padding:  6px 12px;  }
.navbar-form .btn-default{ background-color: #01467f;
    border-color: #01467f;
    color: #fff; }
.navbar-nav > li > a {
    padding-bottom: 10px;
    padding-top: 10px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover
{ background: #eee5d3; } 
.navbar-default .navbar-nav > li > a:hover{background: #eee5d3;}
.navbar-nav .fa{ display:block; text-align:center; vertical-align:top; margin: 0 0 5px 0; }
.dropdown-menu{ background: #eee5d3; border-radius: 0; }
.dropdown-menu > li  { border-bottom: 1px solid #cfc5b2; }
.dropdown-menu > li:last-child  { border-bottom: 0px solid #cfc5b2; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #004681; }
.main-slider{ width: 100%; float: left;  margin: 0 0 10px 0;  }
.main-slider .col-md-6, .main-slider .col-md-3 { padding: 0;}
.main-slider .col-sm-6, .main-slider .col-sm-3 { padding: 0;}
.main-slider  .glyphicon-chevron-up, .main-slider  .glyphicon-chevron-down , .main-slider  .glyphicon { color: #fff !important;}

.carousel-indicators{ display:none; }

.box1{ background: #0397d7;  padding: 20px;   width: 100%; float: left; height: 333px;   }
.box1 h1{ color: #fff; margin: 0 0 20px 0;}
.links { background: #68c2e7 ; height: 90px; text-align:center; border:1px solid #96d3ef; color: #fff; margin:auto; padding:  0 10px;  float: left; font-family:droid arabic kufi;  font-size: 12px; }
.links .fa{ display:block; margin: 10px 0 10px 0; font-size: 25px;} 
.links .fa, .links a{ color: #fff;  } 
.links a:hover{ text-decoration: none;  } 
.links:hover{ background: #01467f ;  color: #fff; text-decoration: none;  cursor: pointer;} 

.social{ width:100%; margin: 20px 0 0 0; float:right; }
.social .fa{ color: #fff; padding: 8px 5px; width:20%; float: right; text-align:center; font-size: 20px;}
.social .fa-facebook{ background: #3b5999; }
.social .fa-twitter{ background: #32cdfd; }
.social .fa-rss{ background: #ff9900; }
.social .fa-instagram{ background: #9c6e56; }
.social .fa-youtube{ background: #e80032; }


.box2{ background: #0397d7;  padding: 0;  width: 100%; float: left; height: 333px;}
.box3{ background: #0397d7 url(../images/bg5.jpg) right top no-repeat; padding: 20px;  width: 100%; float: left; height: 333px; }
.box3 h1{ color: #fff; margin: 0 0 20px 0;}
.box3-sub{ background: #f6f4e8; border-radius: 50%; height: 70%; width:84%; text-align:center; font-size: 13px; margin: 20px auto 0 auto; padding: 50px 30px 30px 30px; border: 5px solid #d1c190; }


.top-content{ width: 100%; float: left; margin: 0 0 10px 0;  }
.top-content .col-md-5, .top-content .col-md-7{ padding: 0;}
.top-content .col-sm-5, .top-content .col-sm-7{ padding: 0;}


.top-content .col-md-6, .top-content .col-sm-6,.top-content .col-xs-12{ padding: 0;}
.box4{ background: #fff; padding: 10px;  width: 100%; float: left; }
.box4 h1{ background:url(../images/border.jpg) right bottom no-repeat; padding: 0 0 20px 0; margin: 0 25px 0 0;}
.box4 ul{ padding: 25px 25px 0 0; margin: 0; float:right; }
.box4 ul li{ padding: 5px 0; margin: 0 0 5px 0; list-style:none; float:right; }
.box4-sub1 { background: #f4eede; float: right ; width: 80%; height:50px; padding: 0 10%; margin: 5px 0 0 0; }
.box4  h2{ text-align:center; margin: 0 auto; padding: 0;  font-size: 18px; font-weight: bold;}
.box4-sub11{ margin: 0 0 0 0; padding: 0 10px  0 0;}

.bg-primary {background-color: #00477f; }
.btn-primary.focus, .btn-primary:focus, .btn.focus, .btn:focus, .btn:hover { color: #fff;} 
.btn { border-radius: 50px; padding: 5px 20px; margin: 0 25px 0 0; }
.box5{ background: #eee5d3 url(../images/bg3.jpg) right top repeat; padding: 0 0 10px 0;  text-align:center; margin: 0 auto; border-bottom: 3px solid #beab71;
 width: 100%; float: left;   }
.title{ background: #0199dc; padding:  10px;color:White !important; }
.title h1{padding: 0; margin: 0; text-align: right;    }
.box5 img{ margin: 10px 0; }
.box5 h3{ margin: 10px 0; }
.btn-success{background-color: #786837; border-color:#786837; font-size: 12px;  }
.box5 .btn {  padding: 5px 10px;  }
.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, .btn-success:hover, .btn-success.focus, .btn-success:focus{ background-color: #4a3f1f; border-color:#4a3f1f; }

.view{ position:absolute; left: 15px; top: 13px;}
.bottom-content{ width: 100%; float: left;  margin: 0 0 10px 0;  }
.bottom-content .col-md-6, .bottom-content .col-sm-6,.bottom-content .col-xs-12{ padding: 0;}
.box6{ background: #dbcfa9 url(../images/bg1.jpg) right top repeat; padding: 20px;  width: 100%; float: left;   height: 340px;   }
.box6 h1{padding: 0 0 10px 0; margin: 0 0 15px 0 ; color: #25190b; border-bottom: 1px solid #b2a281;    }


.box7{ background: #e8e8e6 url(../images/bg2.jpg) right top repeat;   padding: 0 0 10px 0;   width: 100%; float: left; height: 340px;    }
.box7 h1{padding: 0; margin: 0 ; color: #25190b;   }
.date1{ background: #5badc3; color: #fff; text-align: center; border-radius: 50%; width: 60px; height: 60px; font-size: 12px; font-weight: bold; 
padding: 15px 5px 10px;}
.date2{ background: #c1b17e; color: #fff; text-align: center; border-radius: 50%; width: 60px; height: 60px; font-size: 12px; font-weight: bold; 
padding: 15px 5px 10px;}
.date3{ background: #9cc6a2; color: #fff; text-align: center; border-radius: 50%; width: 60px; height: 60px; font-size: 12px; font-weight: bold; 
padding: 15px 5px 10px;}
.glyphicon-chevron-up, .glyphicon-chevron-down , .glyphicon { color: #8c7b61 !important;}
.twitter-banner { background: #f2eee3; border: 3px solid #e6d9b6 ;float: right; width: 100%; margin: 20px 0 0 0; padding: 5px 10px; }
.twitter-banner h2{ display:inline-block ; font-size: 15px; color: #00467e; padding: 0; margin: 0; }
.twitter-banner h3{  font-size: 13px; color: #5a5a5c; padding: 0; margin: 0; }

.twitter-banner .col-md-3, .twitter-banner .col-md-8, .twitter-banner .col-md-1 { padding: 0;  }
.twitter-banner .col-sm-3, .twitter-banner .col-sm-8, .twitter-banner .col-sm-1 { padding: 0; margin: 0; }



.content-inner{  float:right; width: 100%; margin: 0 0 30px 0; }
.traning{ float:right; width: 100%; }
.traning-sub{ float:right; width: 100%; padding: 15px 0; border-bottom: 1px dashed #c0c0c0; }
.traning-sub img{  border: 3px solid #b5b5b5; }
.traning-sub h2{  padding: 0; margin: 0 0 10px 0; color: #004681; font-size: 20px; }
.traning-sub a{   color: #0596d5; font-size: 13px; text-decoration:underline; }



.offers{  width: 100%; float: right;}
.offers-sub { background: #efeeec; border: 2px solid #b5b5b5; padding: 10px; margin: 0 0 30px 0; }
.offers-sub img{  border: 1px solid #b5b5b5; margin: 0 0 15px 0;  }
.offers-sub h2{  padding: 0; margin: 0 0 10px 0; color: #004681; font-size: 20px; }
.offers-sub a{   color: #0596d5; font-size: 13px; text-decoration:underline; }


.ask{   width: 100%; float: right;  border-bottom : 1px solid #d4ccb5; margin: 20px 0; }
.ask-all{ background: #f9f6ef; overflow: scroll; height: 400px; float:right; width: 100%; padding: 20px;    }
.ask-all h1{ background:url(../images/border.jpg) right bottom no-repeat; padding: 0 0 10px 0; margin: 0 0 20px 0;}
.ask-sub{   background: #fff; margin: 0 0 10px 0;  border: 1px solid #d4ccb5; padding:10px; width: 100%; float: right;}
.ask-sub h3{ display:inline-block ; width: 20%; position:relative; padding: 0; margin: 0; color: #114366; }
.askq { width: 100%; float: right; border-bottom : 1px solid #d4ccb5; padding: 10px 0; }
.aska{ width: 100%; float: right; padding: 10px 0;   }


.search{ float:right; width: 100%; background: url(../images/bg2.jpg) right top repeat; padding: 0 0 20px 0 }
.search .main-form{ margin: 20px 0 0 0;}
.search .main-form .form-control{  width: 100% ;}


.all-news{ float:right; width: 100%;  }
.all-news img{ margin: 0 0 20px 0; float: right; width: 100%;}
.all-news  h1{ background: #0397d7; color: #fff; padding: 10px; font-size: 25px; }
.text-news{ float:right; width: 100%; position:relative;  }
.text{ position:absolute; bottom: 20px; right: 0; background:rgba(0,0,0,0.7) ; float:right; width: 100% ; padding: 10px; color: #fff;   }


.news-sub { border-top: 1px dashed #ddd; padding: 15px 0; float: right; width: 100%; }
.news-sub .col-md-4{ padding: 0; }
.news-sub .col-md-8{ padding: 0 15px 0 0; }
.news-sub .col-md-6, .news-sub .col-sm-6{  padding:  0 0; }
.news-sub h3{   font-size: 16px; padding: 0; margin: 0 0 10px 0; line-height: 20px;  }
.news-sub small{ color: #989898; }
.news-sub img{ margin:0; padding: 0; }




.quick-links{ float:right; width: 100%; background: #0397d7; padding:20px;  }
.quick-links h1{ color: #fff; padding: 0; margin: 0 0 20px 0;font-size: 25px;   }
.quick-links  .fa {
    display: inline-block;
    font-size: 20px;
    margin: 0 ;
	padding: 0 10px;
}
.links1 { background: #68c2e7 ;   text-align: right; border:1px solid #96d3ef; color: #fff; margin:auto; padding: 5px 10px;  float: left; font-family:droid arabic kufi;  font-size: 14px; }
.links1 .fa, .links1 a{ color: #fff;  } 
.links1 a:hover{ text-decoration: none;  } 
.links1:hover{ background: #01467f ;  color: #fff; text-decoration: none;  cursor: pointer;} 


.star{ color: red;}


.main-form{
	padding: 10px 0;
	width: 100%;
	float: right;
}


.main-form .form-control {
    border-radius: 0px;
    display: inline-block;
	width: 70%;
}
.main-form  .btn {
    border-radius: 0;
    margin: 0 0 0 0;
    padding: 5px 20px;
}


.box-inner{ background: #e8e8e6 url(../images/bg1.jpg) right top repeat;   padding: 0 0 20px 0;   width: 100%; float: right; margin: 20px auto 0; text-align:center;     }
.box-inner h1{padding: 0; margin: 0 ; color: #25190b;   }
.box-inner img{ display:block;  margin: 20px auto; text-align:center;   }
.box-inner .btn{  margin: 10px 0; }
.more{display:block; color: #332d1d; font-weight: bold; margin: 10px 0; font-size: 14px;   }
.more .glyphicon{ color: #332d1d;}

.more:hover  { color: #8c7b61 !important; text-decoration:none;
}



.page-header{ border: 0px solid #fff; padding: 0; margin: 0;}
.page-header h1{ color: #000;}
.breadcrumb{ background: none; color: #afafaf; border-bottom: 1px solid #c0c0c0;  border-radius: 0; }
.breadcrumb a{  color: #afafaf; }

.main-pagination{  border-bottom: 1px solid #c0c0c0;}

.bg{ background:url(../images/bg.jpg) right top repeat-x; width: 100%; float: right; height: 40px; margin: 40px 0 0 0;}





.footer{ background-color: #0199dc;width: 100%; float: right; min-height: 40px; margin: 40px 0 0 0; text-align: center;  color: #fff; font-size: 13px;}
.footer ul { margin: 20px 0 10px 0; padding:0; }
.footer ul li{ color: #fff; display: inline-block; padding: 0 10px; border-left: 1px solid #fff;  }
.footer ul li:last-child{   border-left: 0px solid #fff;  }
.footer ul li a{ color: #fff;   }






.btn-vertical-slider{ margin-left:35px; cursor:pointer;}
a {  cursor:pointer;}


.carousel.vertical .carousel-inner .item {
  -webkit-transition: 0.6s ease-in-out top;
  -moz-transition: 0.6s ease-in-out top;
  -ms-transition: 0.6s ease-in-out top;
  -o-transition: 0.6s ease-in-out top;
  transition: 0.6s ease-in-out top;
}

 .carousel.vertical .active {
  top: 0;
}

 .carousel.vertical .next {
  top: 100%;
}

 .carousel.vertical .prev {
  top: -100%;
}

 .carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
}

 .carousel.vertical .active.left {
  top: -100%;
}

 .carousel.vertical .active.right {
  top: 100%;
}

 .carousel.vertical .item {
    left: 0;
}


.slider-adv{ width: 70%; padding: 0  ; margin: 80px 15%  0 15%; font-size: 14px; }
.slider-adv1 .carousel-control{ color: #8c7b61 !important; box-shadow: none; font-size: 30px; font-weight: 400; text-shadow: none; top: 40px; bottom: 0; 
opacity: 1; }
 
 

.carousel-control.left, .carousel-control.right{ background: none; }



/* accordion style */


.ac-pane { margin-bottom: 15px; background-color:#fff;  }
.ac-pane p{ text-align:justify; margin: 0 0 20px 0; padding: 0;}
.ac-pane .glyphicon{ color: #fff !important; padding: 0 0 0 10px; font-size: 20px; }
.ac-pane:last-child { margin-bottom: 0; }

.ac-content { display: none; }

.ac-title {
  border: 1px solid #fff;
  color: #fff;
  display: block;
  padding: 13px;
  background-color:#0397d7;
  font-weight: bold;
}
.ac-title:hover , .ac-title:focus { text-decoration:none; color: #fff;}
.ac-title i {
  float: left;
  margin: 8px 0 0 0;
}

.ac-title i:before { content: "\f0fe"; }

.active .ac-title i:before { content: "\f146"; }

.ac-content {
  border: 1px solid #fff;
  margin-top: -1px;
  padding: 15px 0;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}


/* Portrait */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 480px)
  and (orientation: portrait) {
  .navbar-nav .fa {
    display: inline-block;
    margin: 0 0 5px;
    text-align: right;
    vertical-align: top;
}
.navbar-nav {
    margin: 7.5px 0;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: 0px solid #fff;}
.navbar-nav > li { background: none; border-bottom: 1px solid #fff;}
.navbar-nav .open .dropdown-menu{ background: #eee5d3;}
.header{ height: 100%; background:#ebebeb url(../images/bgheader.jpg) right top repeat-x; }
.user-profile{ width: 100%; padding: 5px 0; margin: 0; font-size: 11px; margin: 10px 0 0 0; float:right; height: 100%; border: 0px solid;}
.lan{ font-size: 11px; padding: 10px 0; width: 27%; margin: 10px 0 0 0;}
.time  { font-size: 11px; padding: 10px 0; width: 35%;margin: 10px 10px 0 10px; }
.weather  { font-size: 11px; padding: 10px 0; width: 27%; margin: 10px 0 0 0; }
.lan img, .time img,.weather img { display: none;}
.bx-wrapper .bx-next  { left: -30px; }
.bx-wrapper .bx-prev { right: -30px; }
.box1, .box2, .box3, .box4, .box5, .box6, .box7{ height: 100%; }

}

/* Landscape */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 480px)
  and (orientation: landscape) {
  .navbar-nav .fa {
    display: inline-block;
    margin: 0 0 5px;
    text-align: right;
    vertical-align: top;
}
.navbar-nav {
    margin: 7.5px 0;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: 0px solid #fff;}
.navbar-nav > li { background: none; border-bottom: 1px solid #fff;}
.navbar-nav .open .dropdown-menu{ background: #eee5d3;}
.header{ height: 100%; background:#ebebeb url(../images/bgheader.jpg) right top repeat-x; }
.user-profile{ width: 44%; padding: 5px 0; margin: 0; font-size: 11px; margin: 0 0 0 0; float:right; height: 100%; border: 0px solid;}
.lan{ font-size: 11px; padding: 10px 0; width: 15%; margin: 10px 0 0 0;}
.time  { font-size: 11px; padding: 10px 0; width: 22%;margin: 10px 10px 0 10px; }
.weather  { font-size: 11px; padding: 10px 0; width: 14%; margin: 10px 0 0 0; }
.lan img, .time img,.weather img { display: none;}
.bx-wrapper .bx-next  { left: -30px; }
.bx-wrapper .bx-prev { right: -30px; }
.box1, .box2, .box3, .box4, .box5, .box6, .box7{ height: 100%; }

}


/* Portrait */
@media only screen 
  and (min-width: 375px) 
  and (max-width: 667px) 
  and (orientation: portrait) { 
  .navbar-nav .fa {
    display: inline-block;
    margin: 0 0 5px;
    text-align: right;
    vertical-align: top;
}
.navbar-nav {
    margin: 7.5px 0;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: 0px solid #fff;}
.navbar-nav > li { background: none; border-bottom: 1px solid #fff;}
.navbar-nav .open .dropdown-menu{ background: #eee5d3;}
.header{ height: 100%; background:#ebebeb url(../images/bgheader.jpg) right top repeat-x; }
.user-profile{ width: 44%; padding: 5px 0; margin: 0; font-size: 11px; margin: 0 0 0 0; float:right; height: 100%; border: 0px solid;}
.lan{ font-size: 11px; padding: 10px 0; width: 15%; margin: 10px 0 0 0;}
.time  { font-size: 11px; padding: 10px 0; width: 22%;margin: 10px 10px 0 10px; }
.weather  { font-size: 11px; padding: 10px 0; width: 14%; margin: 10px 0 0 0; }
.lan img, .time img,.weather img { display: none;}
.bx-wrapper .bx-next  { left: -30px; }
.bx-wrapper .bx-prev { right: -30px; }

}

/* Landscape */
@media only screen 
  and (min-width: 375px) 
  and (max-width: 667px) 
  and (orientation: landscape) { 
  .navbar-nav .fa {
    display: inline-block;
    margin: 0 0 5px;
    text-align: right;
    vertical-align: top;
}
.navbar-nav {
    margin: 7.5px 0;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: 0px solid #fff;}
.navbar-nav > li { background: none; border-bottom: 1px solid #fff;}
.navbar-nav .open .dropdown-menu{ background: #eee5d3;}
.header{ height: 100%; background:#ebebeb url(../images/bgheader.jpg) right top repeat-x; }
.user-profile{ width: 44%; padding: 5px 0; margin: 0; font-size: 11px; margin: 0 0 0 0; float:right; height: 100%; border: 0px solid;}
.lan{ font-size: 11px; padding: 10px 0; width: 15%; margin: 10px 0 0 0;}
.time  { font-size: 11px; padding: 10px 0; width: 22%;margin: 10px 10px 0 10px; }
.weather  { font-size: 11px; padding: 10px 0; width: 14%; margin: 10px 0 0 0; }
.lan img, .time img,.weather img { display: none;}
.bx-wrapper .bx-next  { left: -30px; }
.bx-wrapper .bx-prev { right: -30px; }

}




/* Portrait */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: portrait) {
  .navbar-nav > li > a {
    padding: 10px 4px;
	font-size: 13px;
}
.container-fluid { padding: 0;}
.navbar-form .form-group { width: 65%; }
.navbar-form .btn { width: 34%; }
.lan { font-size: 11px; padding: 14px 0; width: 15%;  }
.time   { font-size: 11px; padding: 14px 0; width: 23%; }
.weather   { font-size: 11px; padding: 14px 0; width: 12%; }
.user-profile   { font-size: 11px; padding:  0; width: 44%; margin: 40px 0  0 0; }
.lan img, .time img,.weather img { display: none;}
.header .col-md-7, .header  .col-sm-7{ padding: 0;}
.header .col-md-5, .header  .col-sm-5{ padding: 0;}


}

/* Landscape */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: landscape)  {
    .navbar-nav > li > a {
    padding: 10px 10px;
}
.container-fluid { padding: 0;}
.navbar-form .form-group { width: 65%; }
.navbar-form .btn { width: 34%; }
.lan { font-size: 13px; padding: 14px 0; width: 15%;  }
.time   { font-size: 13px; padding: 14px 0; width: 23%; }
.weather   { font-size: 13px; padding: 14px 0; width: 12%; }
.user-profile   { font-size: 13px; padding:  0; width: 44%; margin: 40px 0  0 0; }
.lan img, .time img,.weather img { display: none;}
.header .col-md-7, .header  .col-sm-7{ padding: 0;}
.header .col-md-5, .header  .col-sm-5{ padding: 0;}



}





.example-two {
 border-radius: 10px;
    border: 3px solid #c5c5c7;
    height: 150px;
    width: 100%;
    margin-top: 5px;
}


p{
    margin: 0px auto;
    text-align: center;}
    
    .logoRight
    {
        padding:3px;
      float:right;
      
    }
    
     .logoLeft
    {
            float:left;
    }
    .tran
    {
     padding-top:10px;   
    }
    
    @media only screen and (max-width: 600px) {
    .logoRight
    {
      float:right;width:70%;padding:5px;
      
    }
    
     .logoLeft
    {padding:5px;
            float:left;width:70%;
    }
}