/**
 * @file
 * Visual styles for the site branding block in Bartik.
 */

.site-branding__logo {
	display: inline-block;
	margin-right: 1em; /* LTR */
	margin-bottom: 0;
}
[dir="rtl"] .site-branding__logo {margin-right: 0;margin-left: 1em;}
.site-branding__text {display: inline-block;vertical-align: top;}

@media all and (min-width: 461px) {
.site-branding__text {margin-bottom: 1.857em;}
}

@media all and (min-width: 901px) {
.site-branding__text {margin: 0;padding:5px 0 0;}
}

.site-branding__name {font-size: 1.6em;color: #686868;line-height: 1;}

@media all and (min-width: 901px) {
.site-branding__name {font-size: 2em;font-weight: 700;width: 515px;}
}
.site-branding__slogan {font-size: 1.3em;margin-top: 0px;word-spacing: 0.1em;font-style: italic;}

@media all and (max-width: 1036px) {
.site-branding__name {font-size: 1.6em;}
.site-branding__slogan {font-size: 1.1em;}
.site-branding__text {padding: 20px 0 0;}
}

@media all and (max-width: 1024px) {
.region-header .site-branding {float: left;margin-top: 0px;padding: 15px 0 10px;}
}

@media all and (max-width: 900px) {
.site-branding__logo {margin-right: 7px;}
.site-branding__text {margin-bottom: 0;padding: 17px 0 0;}
.site-branding__name {font-size: 1.3em;font-weight: bold;}
.site-branding__slogan {font-size: 1em;}
.site-branding__logo > img {height: 70px;}
.harygovt img, .indian-emblem img {height: 75px !important;width: 54px !important;}
.region-header .site-branding {padding: 8px 0;}
.region-header {padding: 3px 0 2px !important;}
.region-header .search-block-form {right: 45px !important;bottom: 15px;}
}

@media all and (max-width: 851px) {
.harygovt {margin: 0px;}
.region-header .search-block-form {right: 25px !important;}
fieldset {border: none;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
#block-indianemblem {margin-right: 0px;}
}

@media all and (max-width: 768px) {
.region-header .search-block-form {right: 42px !important;}
.harygovt img, .indian-emblem img {width: 100%;}
.indian-emblem img {margin-left: 12px;}
.indian-emblem {margin-right: 10px;}
#block-indianemblem {padding-top: 6px;}
#block-haryanagovlink {text-align: center;}
}

@media all and (max-width: 725px) {
.site-branding__logo > img {height: 60px;}
.site-branding__name {font-size: 1.2em;}
.site-branding__slogan {font-size: 0.9em;}
.site-branding__text {padding: 14px 0 0;}
.region-header .site-branding {padding: 13px 0;}
}

@media all and (max-width: 685px) {
.region-header .site-branding {border-bottom: 1px dotted #ccc;padding: 10px 0;width: 100%;}
.region-header .search-block-form {bottom: 14px;left: 2px;right: auto;}
.search-form .form-search {max-width: 95px !important;}
}

@media all and (max-width: 599px) {
.site-branding__logo {padding: 0;}
.header .region-header #block-searchform {bottom: 0px !important;}
.region-header #block-searchform {max-width: 170px !important;width: auto !important;}
}

@media all and (max-width: 459px) {
.header .region-header #block-searchform {bottom: 22px !important;}
.region-header #block-searchform {max-width: 170px !important;width: auto !important;}
}

@media all and (max-width: 399px) {
.region-header .site-branding {text-align: center;}
.site-branding__text {padding: 8px 0 0;width: 100%;}
.site-branding__logo {margin: 0px;}
}