/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
	/* Styles for Poll and statics */
	#wrapper .main-sidebar .title-sidebar,
	#wrapper .main-sidebar .poll-wrap .poll-title  {font-size: 14px;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	/* Logo Wrapper */
	#wrapper .toggle-btns {
		text-align: right;
		margin-top: 22px;
	}

	#wrapper .toggle-btns .search-toggle {
		color: #fff;
		font-size: 19px;
		margin-right: 10px;
		padding: 0 10px;
		vertical-align: middle;
	}

	#wrapper .toggle-btns .search-toggle,
	#wrapper .toggle-btns .nav-toggle-btn  {
		display: inline-block;
		cursor: pointer;
	}

	#wrapper .logo-wrapper .header-search {
		top: 80px;
		right: 57px;
		display: none;
	}

	#wrapper .header-search input {
		background-color: #3CA1DB;
		width: 300px;
		padding: 8px 36px 8px 15px;
		height: 37px;
		
		-webkit-border-radius: 0 0 6px 6px;
		-moz-border-radius: 0 0 6px 6px;
		border-radius: 0 0 6px 6px;
	}
	
	#wrapper .header-search button {padding: 7px 15px 10px 5px;}

	#wrapper .nav-toggle-btn  .icon-menu {
		position: relative;
		display: inline-block;
		width: 27px;
		height: 18px;
		vertical-align: middle;
	}
	
	#wrapper .nav-toggle-btn  .line-icon {
		position: absolute;
		left: 0;
		display: block;
		width: 100%;
		height: 2px;
		background-color: #fff;

		-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
		-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
		-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
		-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	}

	#wrapper .nav-toggle-btn.line-1 {top: 0;}
	#wrapper .nav-toggle-btn .line-2 {top: 50%; margin-top: -1px;}
	#wrapper .nav-toggle-btn .line-3 {bottom: 0;}

	#wrapper .logo-wrapper .is-active .icon-menu .line-1 {
		-webkit-transform: translateY(8px) translateX(0) rotate(45deg);
		-moz-transform: translateY(8px) translateX(0) rotate(45deg);
		-o-transform: translateY(8px) translateX(0) rotate(45deg);
		-ms-transform: translateY(8px) translateX(0) rotate(45deg);
		transform: translateY(8px) translateX(0) rotate(45deg);
	}

	#wrapper .logo-wrapper .is-active .icon-menu .line-2 { opacity: 0; }

	#wrapper .logo-wrapper .is-active .icon-menu .line-3 {
		-webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
		-moz-transform: translateY(-8px) translateX(0) rotate(-45deg);
		-o-transform: translateY(-8px) translateX(0) rotate(-45deg);
		-ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
		transform: translateY(-8px) translateX(0) rotate(-45deg);
	}


	/* Topline*/
	#wrapper header .topline {padding-bottom: 10px;}
	#wrapper .topline .site-info,
	#wrapper .lang-social-wrap {text-align: center !important;}


	/* Main Nav */
	#wrapper .main-nav .nav-items {
		position: absolute;
		top: 90px;
		right: 0;
		width: 50%;
		text-align: left;
		background-color: #F4F4F7;
		z-index: 20;
	}

	#wrapper .main-nav .nav-items > li,
	#wrapper .main-nav .nav-items > li > a {display: block;}

	#wrapper .main-nav .nav-items > li > a {padding: 10px 15px;}
	
	#wrapper .main-nav .nav-items,
	#wrapper .main-nav .has-submenu ul {display: none;}

	#wrapper .main-nav .has-submenu > a > i {
		float: right;
		margin-top: 3px;
	}

	#wrapper .main-nav .has-submenu ul a {padding: 10px 30px;}
	#wrapper .main-nav .nav-items > li > a {border-bottom: 1px solid #e1e1e1;}
	#wrapper .main-nav .has-submenu ul li:last-child {border-bottom: 1px solid #e1e1e1;}

	/* Footer */
	#wrapper .footer-search {margin-top: 30px;}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	/* Logo Wrapper */
	#wrapper .toggle-btns {
		position: absolute;
		right: 15px;
		top: -47px;
		margin-top: 0;
	}

	#wrapper .logo-wrapper .header-search {top: 10px;}


	/* Site Info */
	#wrapper .topline .site-info span:nth-child(3) {
		margin-top: 4px;
		display: block;
	}

	/* Main Nav */
	#wrapper .main-nav .nav-items {
		width: 60%;
		top: 91px;
	}
	
	/* Top Line */
	#wrapper .lang .lang-item {height: 30px;}
	
	#wrapper .topline .site-info,
	#wrapper .lang .lang-item {line-height: 30px;}


	/* Main Slider */
	#wrapper .main-slider .slide-item {padding: 100px 0 100px;}


	/* News and Dashboard  */
	#wrapper .dashboard .item,
	#wrapper .news .item-news {
		width: 400px;
		margin: 0 auto 30px;
	}
	
	#wrapper .dashboard .item ,
	#wrapper .dashboard .item img,
	#wrapper .news .item-news .image-wrap {height: auto;}
	
	#wrapper .news .item-news .image-wrap {max-height: 300px;}

	/* Map */
	#wrapper .map iframe {height: 370px;}

	/* Footer */
	#wrapper .footer-info {margin-top: 30px;}
	
	/* Styles for Poll and statics */
	#wrapper .main-sidebar {
		width: 250px;
		padding-top: 50px;
		margin: 0 auto;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width: 625px) {
	/* Logo Wrapper */
	#wrapper .site-logo .site-name {
		position: absolute;
		top: 0;
		right: 65px;
		width: 100%;
		text-align: left;
	}

	#wrapper .site-logo img {margin-top: 60px;}
	
	/* Main Nav */
	#wrapper .has-submenu ul a {white-space: normal;}
	#wrapper .main-nav .nav-items {
		width: 80%;
		top: 151px;
	}
	
	/* News and Dashboard  */
	#wrapper .dashboard .item,
	#wrapper .news .item-news {width: 100%;}
	
	/* Styles for pages Feedback */
	#wrapper .feedback-wrap ol li input.text, 
	#wrapper .feedback-wrap .review ol li input.text,
	#wrapper .feedback-wrap ol li textarea, 
	#wrapper .feedback-wrap .review ol li textarea {width: 280px;}
}


@media only screen and (max-width: 555px) {
	#wrapper .site-logo .site-name {right: 0;}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 395px) {
	/* Logo Wrapper */
	#wrapper .logo-wrapper .header-search {right: 0;}
	#wrapper .site-logo .site-name {text-align: center;}

	/* Topline */
	#wrapper .topline .site-info span:nth-child(2) {
		margin-top: 4px;
		display: block;
	}

	/* Main Nav */
	#wrapper .main-nav .nav-items {width: 90%;}

	/* Main Slider*/
	#wrapper .main-slider .slide-item h2 {font-size: 25px;}

	#wrapper .main-slider .slide-item p {font-size: 14px;}
	
	/* Medium Slider */
	#wrapper .medium-carousel p {font-size: 14px;}

	/* Footer */											
	#wrapper .footer-search .form-item input {width: 290px;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	/* Logo Wrapper */
	#wrapper .logo-wrapper .header-search {display: block !important;}

	/* Main nav */
	#wrapper .main-nav .sub-menu,
	#wrapper .main-nav .nav-items {display: block !important;}

	#wrapper .main-nav a i {
		margin-left: 3px;
		position: relative;
		right: 0;
		bottom: 1px;
	}

	#wrapper .main-nav .has-submenu {position: relative;}
	#wrapper .main-nav .nav-items > li {padding: 25px 15px;}

	#wrapper .main-nav .has-submenu ul {
		position: absolute;
		left: 0;
		top: 120%;
		background-color: #F4F4F7;
		visibility: hidden;
		opacity: 0;
		z-index: 10;
	}

	#wrapper .main-nav .has-submenu:hover ul {
		visibility: visible;
		opacity: 1;
		top: 100%;
	}
	#wrapper .main-nav .nav-items > li > a:hover {color: #f5a425;}
}