/***************************responsive*************************/
/***************************Header*************************/

@media only screen and (min-width:490px) and (max-width: 768px)  {
/*Most Visited news*/
.cbs-picture3LinesLine1.ms-accentText2 {font-size: 14px;line-height: 20px}
.cbs-picture3LinesContainer, .cbs-Detail{max-width:500px}
/*HomepageBanner*/
.carousel-caption .date{right: -10%!important;top: 0!important}

.date {
    width: 15%!important;
    height: 30%!important;
    line-height: 18px!important;
}
.date-number {
    width: 100%!important;
    height: 100%!important;
    line-height: 1.2!important;
    font-size: 1em!important;
    padding: 10%!important;
}
.date-text {
    width: 100%!important;
    /* height: 150%!important; */
    line-height: 15px!important;
    padding: 5px 0px!important;
    /* margin-top: -1px!important; */
    /* padding-top: 5px; */
    /* padding-bottom: 5px; */
}
.carousel-caption h1 {
    font-size: 1.4em!important;
    line-height: 24px!important;
}
.carousel-caption a {
    font-size: 1em!important;
}
.carousel-caption p {
    display: none
}
.social-icons{float:left!important}
}
@media only screen and (min-width:320px) and (max-width: 590px)  {
.complain-item-details{
	padding:0px 15px 30px 13px;
}

.qoute-slider.owl-carousel .owl-nav{
 	bottom: 0;
    top: auto;
}

.search-box {
  float:right;
  margin-top: 15px;
}
.social-icons-container {
    margin-left: 12px;
}
/*Most Visited news*/
.cbs-picture3LinesLine1.ms-accentText2 {font-size: 13px;line-height: 16px}
.cbs-picture3LinesContainer, .cbs-Detail{max-width:280px}
/*HomepageBanner*/
.carousel-caption .date{right: -19%!important;top: 0!important;position: absolute;}

.date {
    width: 23%!important;
    height: 30%!important;
    line-height: 18px!important;
}
.date-number {
    width: 100%!important;
    height: 100%!important;
    line-height: 0.5em!important;
    font-size: 1em!important;
    padding: 20%!important;
}
.date-text {
    width: 100%!important;
    height: auto!important;
    line-height: 15px!important;
    padding:6% 0px!important;
    margin-top: -1px!important;
    font-size:0.8em
}
.carousel-caption h1 {
    font-size: 1em!important;
    line-height: 20px!important;
}
.carousel-caption a {
    font-size: 1em!important;
}
.carousel-caption p {
    display: none
}

td.ms-advsrchText-v2 {
    width: 75%;
}


}
@media only screen and (min-width:320px) and (max-width: 400px)  {
.social-icons-container{
  margin-left: 20px;
}
}

@media only screen and (min-width : 992px){
	.nav-menu{
		display:block;
	}
		.navbar-toggler {
		display:none;
	}
.static.dynamic-children button{
	display:none;
}
}
@media only screen and (max-width : 991px){
.thumbnail .ministerImg{
	background-size:contain;
}

.latest-news-header .section-header .header-text:after{
	display:none;
	}

	.navbar-toggler {
		display:inline;
	}
		.logo-text h4, .logo-text h5{font-size:12px}
.logo-container img{width:30px}

	#header .container{width:100%}

	/*Responsive Menu*/
.navbar-toggler {background: #ddd none repeat scroll 0 0;margin-right:10px;height:26px;padding:0;border: medium none;border-radius: 20px;min-width: 50px !important;}
.navbar-toggler:hover{background: #ddd none repeat scroll 0 0}

.ms-core-listMenu-root{
   background-color:#ddd;width:100%;
    }
   .ms-core-listMenu-horizontalBox{width:100%;position:absolute;z-index:1000}
.ms-core-listMenu-horizontalBox ul, .ms-core-listMenu-horizontalBox li, .ms-core-listMenu-horizontalBox .ms-core-listMenu-item, .ms-core-listMenu-horizontalBox > ul > li > table{
	display:block
}
.top-bar{border-bottom:none!important;padding-bottom:0!important}
.nav-menu{padding-top:0!important;display:none;}
.nav-menu .container{padding:0}
a.selected::after{background-color:transparent!important}
.static.menu-item.ms-core-listMenu-item.ms-displayInline.ms-navedit-linkNode {border-bottom: 1px solid #c0c0c0;width:100%;padding:0.5em 1em}
.dynamic.menu-item.ms-core-listMenu-item.ms-displayInline.ms-navedit-linkNode {border-bottom: 1px solid #c0c0c0;width:100%;padding:0.5em 1em}
ul.dynamic{ background-color:#ececec;width:100%;border:none!important;box-shadow: 0!important;padding:0!important;position:static}
li.dynamic{margin-bottom:0!important;padding:0!important}
.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:link, .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:visited, .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected, .ms-tv-selected:link{background-color:#00a0ce!important;color:#fff!important}
.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item:hover, .ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-core-listMenu-selected:hover, a.ms-tv-item:hover, a.ms-tv-header:hover{background-color:#00a0ce!important;color:#fff!important}
.ms-core-listMenu-horizontalBox .dynamic-children.additional-background{background:none!important}

	
}

/***************************banner*************************/
@media only screen and (max-width : 768px) {
.Search-Result .ms-webpart-zone, .Search-Result .ms-webpartzone-cell, .Search-Result .ms-webpart-chrome-vertical,.Search-Result .ms-srch-item-body {
    display: block!important;
}
.Search-Result .ms-srch-item {
    width:100%!important;;
}
#footer-toggle-btn{
	background: #5b5b5b;
    padding: 5px 9px;
    border-radius: 5px;
    color: white;
	display: inline-block;
    margin-top: 20px;}
.footer-open{
	height:auto!important;
	transition:all .3s;
}
.footer-lists {
	overflow:hidden;
	height:0px;
	transition:all .3s;
}
blockquote{
  font-size: 15px;
  line-height: 1.7;
  padding: 15px;

}
.cite-wrapper cite {
  padding-right: 28px;
  font-size: 15px;
}
.feedback-btn{
  margin-right: 10px;
}

blockquote:after {     bottom: -18px;
    left: 4px;}
blockquote:before { right: 0px;}
#header .logo-container{position:absolute}
.logo-text h4, .logo-text h5{font-size:12px}
.logo-container img{width:30px}

.stamp{display:none}
.ms-srch-hover-outerContainer{
	display:none!important;
}

}

/***************************important-issues*************************/
@media only screen and (min-width:320px) and (max-width: 480px)
{
  .date{
    background-color: #00a0cd;
    color: #fff;
    text-align: center;
    width: 115px;
    height: 100%;
    line-height: 25px;
    position: relative;
    right: 0px;
    margin-bottom: 10px;
  }
  .date-number{
    background-color: #00a0cd;
    color: #fff;
    text-align: center;
    width: 25px;
    height: 100%;
    line-height: 1;
    display: inline-block;
    font-size: 1em;
    padding: 3px 8px;
  }
  .date-text{
    background-color: #0075a1;
    color: #fff;
    line-height: 25px;
    width: 85px;
    height: 100%;
    display: inline-block;
        line-height: 25px;
        padding: 3px 8px;
  }
.important-issues-container{

  padding-right: 15px;
}
.important-issues .news-info {
 padding-right: 15px;

}

.feedback-banner blockquote:before {font-size: 1em;}
.feedback-banner blockquote:after {font-size: 1em;}
.feedback-banner blockquote {
    font-size: 14px!important;
    line-height: 1.4!important;
    padding: 5px!important;
}
.feedback-banner{
	padding-top:20px
}
.carousel-inner > .item > img{
max-width: none!important; width: auto; position: absolute; height: 100%; right: 0;
}
.carousel-inner > .item{
	overflow: hidden; max-width: 100%;height: 154px;

}
}

/******************filter**************************/
@media only screen and (min-width : 768px) and (max-width : 1200px){
	.LabelDiv {
    width: 12%;
    }
}


/***************************Survey*************************/
@media only screen and (max-width : 1200px) {
.services-list{
  margin: 0px 20px;
}

.survey-container{
  display: block;
}
.survey-item{
  display: block;
  max-width: none;
  margin-bottom:30px;
  argin: 0 20px;
}
.ads-item .survey-banner-image{
  width: 100%;
}
.news-banner{margin:0 auto}
}
/***************************usefull-links*************************/
@media only screen and (min-width:320px) and (max-width: 767px)
{

.usefull-links .section-header{
  margin-bottom: 25px;
      padding-top: 15px;
      padding-left: 106px;
}
.owl-carousel .owl-nav {
    position: absolute;
    left: 0px;
   

}

}
@media only screen and (min-width:320px) and (max-width: 992px){

.egypt-guide{
  margin-bottom: 10px;
}
.important-issues .report-1-item .news-info {
    min-height:0px;}
.important-issues .report-3-item {
    margin-top: 10px; 
}
.carousel-caption h1 {
    font-size: 1.3em;
    line-height: 20px;
}
.carousel-caption p {
    font-size: 1em;
}
.carousel-caption a {
    font-size: 1em;
}
.news-banner{min-width:0;}
}
@media only screen and (min-width:480px) and (max-width: 680px){
.search-box {float: left;margin-top:20px;margin-left:0!important;position: absolute;right: -15px;top: 35px}
.social-icons {
    float: left;
    padding-top: 20px;
    text-align: left;
    width: 409px;
}
.social-icons-container {
    margin-left: 12px;
}
.navbar-toggler {margin-top:5px}
}
@media only screen and (max-width:480px){
#header .logo-container{position:relative;text-align: center;}
.social-icons {text-align: center;
}
.search-box{
	float:right
}
.social-icons{padding-top:0}
.search-box{margin-top:5px}
.search-box{width:100%;margin:0 1% 10px 1%!important;float:none}
.ms-srch-sb{width:90%!important}
.ms-srch-sb > input{width:80%}
.navbar-toggler{float:none!important;margin-top:25px}



}



/*News style*/

@media only screen and (min-width:645px) and (max-width: 991px){
.news-banner-container{
	float:right;
	width:50%;	
	}
.news-banner-container img{	
    margin: 0;
    height: 100%;
    width: 90%;
	}

}

@media only screen and (min-width:320px) and (max-width: 645px){
	.news-banner-container img{
		display:inline-block;
		width:auto;
	}
}

/*UTA changes */
@media only screen and (min-width:480px) and (max-width: 640px)  {
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100%;
    height: 200px;
    max-height: 200px;
    margin: auto;
}

}
@media only screen and (min-width:639px) and (max-width: 768px)  {
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100%;
    height: 275px;
    max-height: 275px;
    margin: auto;
}

}