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

.site-branding__logo {display: inline-block;margin-right: 1em;margin-bottom: 0;}
[dir="rtl"] .site-branding__logo {margin-right: 0;margin-left: 1em;}
.site-branding__slogan {font-size: 0.83em;margin-top: 0px;word-spacing: 0.1em;font-style: italic;}
.site-branding__text {margin: 0;padding:5px 0 0;display: inline-block;vertical-align: top; margin-top:20px;}
.site-branding__name {font-size:1.4em;font-weight: 700;color: #686868;line-height: 1;}
.view-video-gallery video{width: 100% !important;}
.site-branding__name a, .main-content h2 a, .footer-menu ul li a{text-decoration: underline; text-decoration-color: transparent;}
.site-branding__text a:hover{text-decoration: underline; text-decoration-color: transparent;}
@media only screen and (max-width:1108px) and (min-width:1050px) {
	
ul.commodities-list li{width:15.8% !important;}
}

@media only screen and (max-width:1102px) and (min-width:1051px) {
	
ul.commodities-list li{width:15% !important;}	
.collapse-panel-list ul li{padding-right: 10px;padding-left: 10px;}
.sidebar .block .content ul li{padding: 2px 9px;}
#block-others ul li img {width:125px;}
.cm-section img, .miniright img{height: auto;}
.homeslider .views_slideshow_cycle_teaser_section {height: 270px !important;}
.homeslider .views_slideshow_cycle_teaser_section img {height: 270px !important;}
}


@media only screen and (max-width:1050px) and (min-width:900px) {
.site-branding__logo {margin-right: 7px;}
.site-branding__text {margin: 18px 0 0 0px;padding:5px 0 0;/*width:515px;*/}
.region-header .search-block-form {right:0px;width: 180px;}
.indian-emblem img {margin-left:5px;}
.collapse-panel-list ul li{padding-right:3px;padding-left: 3px;width: 24%;}
.sidebar .block .content ul li{padding: 2px 9px;}
#block-others ul li img {width:107px;}
.three-columns {width: 33.33%;}
.cm-section img, .miniright img{height: auto;}
.site-branding__name {font-size: 1.8em;}
.region-primary-menu ul.menu li > ul.menu {
    position: absolute;
    left: -115px;
    z-index: 999;
    width:250px;
}
ul.commodities-list li{width:15.6% !important;}
.homeslider .views_slideshow_cycle_teaser_section {height: 270px !important;}
.homeslider .views_slideshow_cycle_teaser_section img {height: 270px !important;}
.homeslider {    margin-bottom: 0px;}
}


@media only screen and (max-width:899px) and (min-width:852px) {
	ul.commodities-list li{width:15.6% !important;}
.region-header .site-branding {margin-top: 7px;}
.site-branding__name {font-size: 1.5em;}
.indian-emblem img {margin-left:10px;max-height: 75px;}
.harygovt img {max-height: 75px;}
.site-branding__logo {margin-right: 7px;}
.site-branding__logo img {max-height: 75px;width: auto;}
.site-branding__text{padding: 2px 0 0;}
.region-header .search-block-form {right: 0px;width: 180px;bottom: 14px;}
.sidebar .block .content ul li{padding: 2px 2px;}
#block-others ul li img {width:100px;}
.collapse-panel-list ul li{padding-right:3px;padding-left: 3px;width: 23.5%;}
.views-field-field-gallery-image .field__item{width:100%;}
.block-views-blockvideo-gallery-block-1{font-size: 0.87em;}
.block-views-blockgallery-block-1{min-height: 383px;}
.three-columns {width: 33.33%;}
.cm-section img, .miniright img{height: auto;}
.region-primary-menu ul.menu li > ul.menu {
    position: absolute;
    left: -115px;
    z-index: 999;
    width:250px;
}
.homeslider .views_slideshow_cycle_teaser_section {height: 260px !important;}
.homeslider .views_slideshow_cycle_teaser_section img {height: 260px !important;}
.homeslider {    margin-bottom: 0px;}
}

@media only screen and (max-width: 851px) and (min-width: 767px) {	
ul.commodities-list li{width:15.2% !important;}
.region-header .site-branding {margin-top:6px;}
.site-branding__name {font-size: 1.5em;}
.indian-emblem {display: inline-block;}
.indian-emblem img {margin-left:10px;max-height: 75px;}
.harygovt {display: inline-block;}
.harygovt img {max-height: 75px;}
.site-branding__logo {margin-right: 7px;}
.site-branding__logo img {max-height: 75px;width: auto;}
.site-branding__text {margin: 0px 0 0 0px;padding:5px 0 0;width:320px;}	
.region-primary-menu .menu a {padding: 10px 0px;    font-size: 0.85em;}
.dwn {padding-left: 4px;}
.three-columns {width: 33.33%;}
.sidebar .block .content ul li{padding: 2px 2px;}
#block-others ul li img {width:89px;}
.collapse-panel-list ul li{padding-right: 10px;padding-left: 10px;}
.field--label-inline .field__label, .field--label-inline > .field__item, .field--label-inline .field__items {padding-right: 2px;}
.block-views-blockvideo-gallery-block-1{font-size: 0.85em;}
.views-field-field-gallery-image .field__item{width:100%;}
.view-video-gallery video {height: 213px !important;}
.block-views-blockgallery-block-1{min-height: 333px;}
.online-admission, .pledge{font-size: 1em;}
.cm-section img, .miniright img{height: auto;}
.homeslider { background: #ccc;}
.region-primary-menu ul.menu li > ul.menu {
    position: absolute;
    left: -115px;
    z-index: 999;
    width:250px;}
.region-header .search-block-form {position: absolute;width:185px; bottom:14px; right:0px; }
.homeslider .views_slideshow_cycle_teaser_section {height: 250px !important;}
.homeslider .views_slideshow_cycle_teaser_section img {height: 260px !important;}
.homeslider {    margin-bottom: 0px;}
}


@media only screen and (max-width:767px) {
	
	
	
	#sidebar-first #block-quicklinks .content ul.menu li ul.menu {
    display: block !important;
    position: relative;
    left: 2%;
    background: #fff;
    width: 250px;
    top: 0;
    z-index: 9999;
     border:none !important;
    visibility: visible !important;
}
#sidebar-first .section .dwn {
    transform: rotate(2deg);
}
	
	main#content{float:left;}
	.sidebar{width:100% !important;}
#block-others ul li img { width: 130px;}
.collapse-panel-list ul {margin: 0px !important;padding: 0 !important;}
.collapse-panel-list ul li{padding-right:3px;padding-left: 3px;width: 23.5%;}
.online-admission{margin-top:10px; margin-bottom: 0px;}
.pledge, .block-views-blockgallery-block-1, .block-views-blockvideo-gallery-block-1{margin-top:10px;}
.region-header .site-branding {margin-top: 4px;}
.site-branding__name {font-size: 1.3em;}
.indian-emblem {display: inline-block;}
.indian-emblem img {margin-left:10px;max-height: 75px;}
.harygovt {display: inline-block;}
.harygovt img {max-height: 75px;}
.site-branding__logo {margin-right: 7px;}
.site-branding__logo img {max-height: 75px;width: auto;}
.site-branding__text {margin: 3px 0 0 0px;padding:5px 0 0;width:320px;}	
.region-primary-menu .menu a {padding: 10px 4px;    font-size: 0.85em;}	
.indian-emblem img {margin-top: 7px;}
	
.cm-section, .miniright, .homeslider{width: 100%;height: auto;padding: 10px 0;}	
.cm-section img, .miniright img{height: auto; max-width: 120px;}
.homeslider .views_slideshow_cycle_teaser_section {height: 260px !important;}
.homeslider .views_slideshow_cycle_teaser_section img {height: 260px !important;}
.homeslider {
    margin-bottom: 0px;
}
}



@media only screen and (max-width: 768px) {
	#sidebar-first .section .dwn {
    transform: rotate(2deg);
}
	#sidebar-first #block-quicklinks .content ul.menu li ul.menu {
    display: block !important;
    position: relative;
    left: 2%;
    background: #fff;
    width: 250px;
    top: 0;
    z-index: 9999;
    border:none !important;
    visibility: visible !important;
}
#block-haryanagovlink {text-align: center;}
	main#content{float:left;}
	.sidebar{width:100% !important;}
}


@media only screen and (max-width:766px) and (min-width:684px) {
	ul.commodities-list li{width:14.5% !important;}
}

@media only screen and (max-width: 685px) {
	
	ul.commodities-list li{width:14.5% !important;}
	
.collapse-panel-list ul{margin: 0px; padding: 0px !important;}
.collapse-panel-list ul li{width:48.5%;padding-right: 5px;padding-left: 5px; border: 1px solid #eee; margin-bottom: 10px;box-sizing: border-box;}
.collapse-panel-list ul li:nth-child(2n){margin-left: 10px;}
.collapse-panel-list ul li:last-child{margin-left:0px;}
.path-frontpage .field--name-field-video-size, .path-frontpage .field--name-field-video-format, .path-frontpage .field--name-field-video-language{width:99%;padding-left: 10px;margin-bottom: 0px;}
}
@media only screen and (max-width:899px) and (min-width:767px) {
	#block-quicklinks ul li a:before{left:3px !important;}
}

@media only screen and (max-width:599px) and (min-width:481px) {
		ul.commodities-list li{width:31% !important;}
.region-header .site-branding {margin-top:6px;}
.site-branding__name {font-size: 1em; text-align:left;}
.site-branding__slogan {font-size: 1em; text-align:left;}
.indian-emblem {display: inline-block;}
.indian-emblem img {margin-left:10px;max-height: 75px;}
.harygovt {display: inline-block;}
.harygovt img {max-height: 70px;}
.site-branding__logo {margin-right:5px;float: left;}
.site-branding__logo img {max-height: 70px;width: auto;}
.site-branding__text {margin:15px 0 0 0px;padding:5px 0 0;width:220px !important;}	
.indian-emblem img {margin-top: 7px;}
.culture-calendar ul li{font-size: 0.8em;width: 25%;}
div#block-indianemblem{float:right !important;}
div#block-searchform{float:left !important;     width: 110px;}
.search-form .form-search{max-width:35px !important;}
.region-header .search-block-form {
    right: 0px !important;
}
.homeslider {
    margin-bottom: 0px;
}
}


@media only screen and (max-width: 480px) {
	ul.commodities-list li{width:31.1% !important;}
.homeslider{margin-bottom:0px !important;}
.site-branding__logo{text-align: center;width: 100%;}
.site-branding__logo img {max-height:100px;width: auto;}
.indian-emblem img {margin-left:5px;max-height: 75px;}
.harygovt img {max-height: 75px;}
.site-branding__text {margin: 0;padding: 0px 0 0;width: 100%; text-align: center;}
.site-branding__name {font-size: 1.5em;}
.site-branding__slogan {font-size: 1.3em;}	
.region-header .site-branding {border-bottom: 1px solid #f2f2f2;width: 100%;box-sizing: border-box;}
.region-header .block:not(.site-branding){float: left !important;right: 165px;}
#block-indianemblem{float: right !important;}
.search-block-form fieldset{margin:0px 0 0 0px; padding: 0px;}
.region-header .search-block-form {width:250px;left: 0;bottom: 0px;    margin-top: 7px;}
.search-form .form-search{    width: 190px;}

.form-item, .form-actions {margin-bottom: 0;margin-top: 0.7em;}
#edit-actions-search_block_form::before {top: 7px;}	
#header {padding-bottom: 0px !important;}
.collapse-panel-list ul{margin: 0px; padding: 0px !important;}
.collapse-panel-list ul li{width:99%;padding-right: 5px;padding-left: 5px; border: 1px solid #eee; margin-bottom: 10px;box-sizing: border-box;}
#block-others ul li img { width: 130px;}
.block-views-blockvideo-gallery-block-1 .more-link{float: left;padding-left: 10px;}
.view-video-gallery .field--name-field-video-name{width: 100%;box-sizing: border-box;}
.online-admission, .pledge, .block-views-blockgallery-block-1, .block-views-blockvideo-gallery-block-1{margin:10px 0;}
.culture-calendar ul li{font-size: 0.8em;width: 25%;}
.view-display-id-page_1 .view-content .views-view-grid .views-row{width: 100%; margin-right: 0px;}
.homeslider .views_slideshow_cycle_teaser_section {height: 200px !important;}
.homeslider .views_slideshow_cycle_teaser_section img {height: 200px !important;}
}

@media only screen and (max-width:480px) and (min-width:461px) {
.region-header .search-block-form {margin-top: 13px;}	
}
@media only screen and (max-width: 360px) {
.site-branding__name {font-size: 1.3em;}
#block-searchform .content {width: 100%;}
}

@media only screen and (max-width: 359px) {
.site-branding__name {font-size: 1em;}
#block-searchform .content {width: 100%;}
}
@media only screen and (max-width: 768px) {.region-header .search-block-form { right:0px !important;}
}