/**
 * @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: 1.3em;margin-top: 0px;word-spacing: 0.1em;font-style: italic;}
.site-branding__text {margin: 0;padding:0 0;display: inline-block;vertical-align: top; }
.site-branding__name {font-size: 1.9em;font-weight: 700;color: #686868;line-height: 1;}
.view-video-gallery video{width: 100% !important;}


@media only screen and (max-width:1170px) and (min-width:1051px) {
.region-primary-menu .menu a{padding: 8px 6px;}
.region-primary-menu ul.menu li > ul.menu {width: 150px;}
}



@media only screen and (max-width:1102px) and (min-width:1051px) {
.collapse-panel-list ul li{padding-right: 10px;padding-left: 10px;}
.sidebar .block .content ul li{padding: 2px 2px;}
#block-rvs-others ul li img {width:125px;}
}


@media only screen and (max-width:1050px) and (min-width:900px) {

.site-branding__logo {margin-right: 7px;}
.site-branding__text { font-size: .89em;}
/*.region-site-branding-right {width: 140px;float: right;}*/
.region-header .search-block-form {right:0px;width: 180px;}
.indian-emblem img {margin-left:5px;}
.region-header .block:not(.site-branding){right: 160px;}
.collapse-panel-list ul li{padding-right:3px;padding-left: 3px;width: 24%;}
.sidebar .block .content ul li{padding: 2px 2px;}
#block-rvs-others ul li img {width:107px;}
.three-columns {width: 33.33%;}
.region-primary-menu .menu a {padding: 8px 4px;font-size: .86em;}
.dwn {padding-left: 2px;}
.region-primary-menu ul.menu li > ul.menu {width: 145px;}
}

@media only screen and (max-width:995px) and (min-width:992px) {
.site-branding__logo{    display: inline-block;    margin-right: 7px;}
.site-branding__text{    width: 508px;}

}

@media only screen and (max-width:899px) and (min-width:852px) {
.region-header .site-branding {margin-top: 7px;} 
.indian-emblem img {margin-left:10px;max-height: 75px;}
.harygovt img {max-height: 75px;}
.site-branding__logo {margin-right: 7px;}
.site-branding__logo img { }
.site-branding__text {margin: 0;padding:5px 0 0;width:400px;font-size: .89em;}
.region-header .block:not(.site-branding) {right: 135px;}
.region-header .search-block-form {right: 0px;width: 180px;bottom: 14px;}
.sidebar .block .content ul li{padding: 2px 2px;}
#block-rvs-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:71%;*/}
.block-views-blockvideo-gallery-block-1{font-size: 0.87em;}
.block-views-blockgallery-block-1{ /* min-height: 383px; */}
.three-columns {width: 33.33%;}


.dwn {padding-left: 2px;}
.region-primary-menu .menu a{  padding: 10px 3px;font-size: .86em;}

}

@media only screen and (max-width: 851px) and (min-width: 767px) {	
.region-header .site-branding {margin-top: 7px;} 
.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 { }
.site-branding__text {margin: 0;padding:5px 0 0;/*width:320px;*/font-size: .86em;}	

.region-header .block:not(.site-branding) {right: 135px;}
.region-header .search-block-form {right: 0px;width: 145px;bottom: 14px;position: absolute;}

.three-columns {width: 33.33%;}
.sidebar .block .content ul li{padding: 2px 2px;}
#block-rvs-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:70%;*/}
.view-video-gallery video {height: 213px !important;}
.block-views-blockgallery-block-1{/* min-height: 333px; */}
.online-admission, .pledge{font-size: 1em;}

.dwn {padding-left: 2px;}
.region-primary-menu .menu a{  padding: 10px 2px;font-size: .8em;}
.region-primary-menu ul.menu li > ul.menu {width: 130px;}
.sidebar .block-menu.block .content > ul.menu {z-index: 9;}


}


@media only screen and (max-width:767px) {
#block-rvs-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;}
.sidebar .block-menu.block .content > ul.menu {z-index: 9;}
.region-primary-menu .menu a {padding: 8px 10px;font-size: .95em;}
}


@media only screen and (max-width: 768px) {
#block-rvs-indianemblem { }
#block-rvs-haryanagovlink {text-align: center;}
.region-primary-menu .menu a {padding: 8px 10px;font-size: .95em;}

}


@media only screen and (max-width:767px) and (min-width:600px) {
.region-header .site-branding {margin-top: 7px;} 
.site-branding__slogan {font-size: 1.1em;}
.indian-emblem {display: inline-block;}
.indian-emblem img {margin-left:5px;max-height: 75px;}
.harygovt {display: inline-block;}
.harygovt img {max-height: 75px;}
.site-branding__logo {margin-right: 7px;}
.site-branding__logo img { }
.site-branding__text {margin: 0;padding:5px 0 0; /*width:230px;*/     font-size: .89em;}	
.region-header .block:not(.site-branding) {right:105px;}
.region-header .search-block-form {right: 0px;width: 148px;bottom: 10px;position: absolute;}
}


@media only screen and (max-width:599px) and (min-width:481px) {
#block-rvs-branding {width: 100%;}
.site-branding__logo img { max-height: 70px !important;}
.harygovt img {max-height: 75px;}
.site-branding__text {margin: 0;padding: 0px 0 0; font-size: .75em;} 
.site-branding__slogan {font-size: 1.1em;}	
.region-header .site-branding {border-bottom: 1px solid #f2f2f2;}
.region-header .block:not(.site-branding){float: left !important;}
#block-rvs-indianemblem{float: right !important;}
.search-block-form fieldset{/*margin:23px 0 0 0px;*/ padding: 0px;}
.region-header .block:not(.site-branding) {right: 165px;}
.region-header .search-block-form {width: 160px;bottom: 9px;position: inherit;float: left !important;left: 0;}
.region-site-branding-right .block img {
        max-height: 60px;
    }
}


@media only screen and (max-width: 685px) {
/*.region-header .site-branding {border-bottom: 1px dotted #ccc;padding: 10px 0;width: 100%;}*/
.search-form .form-search {max-width:80px !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: 480px) { 
.site-branding__slogan {font-size: 1.1em;}	
.site-branding__name, .site-branding__slogan { }
.site-branding__logo img {/* width: 65%;margin: 0px;padding: 0px;max-height: 49px !important; word-spacing: 0;*/ }
.site-branding__text {margin: 0;
    padding: 0px 0 0;
    font-size: .75em;}
.form-item, .form-actions {margin-bottom: 0;margin-top: 0.7em;}
#edit-actions-search_block_form::before {top: 7px;}	
#header { }
.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-rvs-others ul li img {    width: 100%;}
.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;}

    .layout-container .logo-sec{
        width:67%;
    }
    .layout-container .emblem-sec{
        width:33%;
    }
    .region-site-branding-right .block img {
        max-height: 60px;
    }
}


@media only screen and (max-width: 360px) { 
#block-rvs-searchform .content {width: 100%;}

    .layout-container .logo-sec{
        width:61%;
    }
    .layout-container .emblem-sec{
        width:39%;
    }
}

@media only screen and (max-width: 359px) { 
#block-rvs-searchform .content {width: 100%;}
}