/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.logo { max-width: 100px; }
	.search { margin-top: 3em; }
	.main-menu li>a { padding: 0.6em 1em; }
	.footer-menu a { padding: 10px; }
	.search input:focus { min-width: 220px; }
	.banners img { height: 120px; }

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.search { display: none; }
	.main-menu li>a { font-size: 14px; }
	.content, .sidebar { float: none; }
	.main-menu, .second-menu, .footer-menu { display: none; }
	.greeting h3 { text-align: center; }
	.read-more a { font-size: 16px; }
	.menu-botton { display: block; }
	.site-header { padding: 1em 0 0; }
	.lang { font-size: 18px; }
	.symbols { display: none; }
	.site-footer { padding-top: 2em; }
	.site-footer .col-md-4 { text-align: center; }
	.site-footer i { display: none; }
	.site-footer p { margin-top: 1em; }

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.logo { display: none; }
	.description { display: block; margin-bottom: 1em; font-size: 1.5em; text-align: center; }
	.right-block { float: none; text-align: center; }
	.menu-botton { margin-top: 1em; }
	.banners img { height: 160px; }
	.form_element { width: 100%; }
}

@media only screen and (max-width : 600px) {
	.banners img { height: 120px; }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.img-wrapper { width: 170px; height: 100px; }
	.news>article { margin-bottom: 3em; }
	.banners img { height: auto; }

	
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {


}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}