@media (min-width: 1200px) {
    #navbar .container {
        max-width: 100%;
        padding: 0;
    }
    #block-views-block-news-block-1,
    #block-views-block-event-calendar-block-1,
    #block-centricoalumnib5-gui-alumniassociationcommitteemembers {
        min-height: 566px;
    }
    #block-views-block-photo-gallery-block-1 {
        padding-top: 1px;
        margin-top: 15px;
    }
}



/**Media CSS for tablet device**/
@media screen and (max-width: 1366px) and (min-width: 700px) {

    .container {
	max-width: initial !important;
    }

    .social-link {
	width: 6%;
    }

    .navbar {
	width: auto;
    }

    .logo {
	width: 60px;
	height: 60px;
    }

   /* .navbar-header {
	width: 27%;
    }*/

    .navbar-default .navbar-brand {
	font-size: 20px;
	width: 98%;
    }

    .navbar-headesr {
	width: 50% !important;
    }

   #block-centricoalumnib5-gui-mainnavigation .sf-menu>li>a {
	font-size: 12px;
	padding: 10px 14px;
   }

   ul.sf-menu .sf-sub-indicator {
       right: 3px;
       font-size: 8px;
   }

   .footer-dark .top {
	width: 4%;
	top: -12%;
    }

    .view-view-alumni .form-item-field-first-name-value input, .view-view-alumni .form-item-field-last-name-value input, .view-view-alumni .form-item-field-gender-target-id .select-wrapper, .view-view-alumni .form-item-field-house-target-id .select-wrapper {
	width: 65%;
    }

    .view-view-alumni .form-item-field-gender-target-id .select-wrapper select, .view-view-alumni .form-item-field-house-target-id .select-wrapper select {
	width: 100%;
    }

    .contact-address {
	width: 38%;
    }

    .photo-gallery .field--items .field--item {
	width: 48%;
    }

    .bef-exposed-form .form--inline > .form-item {
	width: 47%;
    }

    .block-views-blockevent-calendar-block-1, #block-views-block-news-block-1, #block-centricoalumnib5-gui-alumniassociationcommitteemembers  {
	width: 100%;
	padding-left: 0;
	clear: left;
	float: left;
	display: inline-block;
	min-height: auto;
    }

    .view-view-alumni .form-item-field-dob-value input, .view-view-alumni .form-item-field-gr-no-value input {
        width: 65%;
    }

    .views-exposed-form .form-type-entity-autocomplete .input-group {
	width: 65%;
    }

    #block-views-block-event-calendar-block-1 .fc-row.fc-week.fc-widget-content{
	min-height: 3em;
    }

    .region-content #user-login-form {
	margin-top: 2%;
    }

   /* .footer-img-wrap {
	margin-top: 1%;
    }*/

    .fc-toolbar .fc-center {
	margin-top: -4%;
    }

    .fc-toolbar h2 {
	font-size: 28px;
	margin-left: initial!important;
	margin-top: initial !important;
    }

    #block-centricoalumnib5-gui-customblockforregisteringalumni a {
	width: 25%;
    }

    .footer-img-wrap {
	margin-top: 2%;
    }


}

/**Media CSS for tablet potrait view**/
@media screen and (max-width: 1050px) and (min-width: 700px) and (orientation: portrait) {

    .container {
	max-width: initial;
    }

    .navbar-header {
	width: 50% !important;
	padding-left: 0;
    }

    .navbar-brand img {
	margin: 0;
    }


    .navbar-brand a.site-title {
	padding-top: 3%;
    }

    #navbar-collapse {
	position: relative;
    }

    .footer-img-wrap {
	margin-top: initial;
    }

    #block-centricoalumnib5-gui-customblockforregisteringalumni a {
	padding: 1% 2% 1% 2%;
	width: 30%;
    }

    .view-photo-gallery .views-view-grid .views-field-title a {
	font-size: 11px;
    }

    .view-photo-gallery .view-footer {
	right: 0;
    }

    .footer .top {
	width: 6% !important;
    }

    .view-view-alumni .form-item-field-first-name-value,
    .view-view-alumni .form-item-field-last-name-value,
    .view-view-alumni .form-item-field-gender-target-id,
    .view-view-alumni .form-item-field-house-target-id,
    .view-view-alumni .form-item-field-dob-value,
    .view-view-alumni .form-item-field-doe-value,
    .view-view-alumni .form-item-field-dol-value,
    .view-view-alumni .form-item-field-doj-value,
    .view-view-alumni .form-item-field-dob-value,
    .view-view-alumni .form-item-field-doe-value,
    .view-view-alumni .form-item-field-dol-value,
    .view-view-alumni .form-item-field-doj-value {
	width: 100%;
    }

    .view-view-alumni .form-item-field-first-name-value label,
    .view-view-alumni .form-item-field-last-name-value label,
    .view-view-alumni .form-item-field-gender-target-id label,
    .view-view-alumni .form-item-field-house-target-id label,
    .view-view-alumni .form-item-field-dob-value label,
    .view-view-alumni .form-item-field-doe-value label,
    .view-view-alumni .form-item-field-dol-value label,
    .view-view-alumni .form-item-field-doj-value label {
	width: 15%;
	margin-left: 0;
	margin-right: 2%;
	float: left;
    }

    .view-view-alumni .form-item-field-first-name-value input,
    .view-view-alumni .form-item-field-last-name-value input,
    .view-view-alumni .form-item-field-gender-target-id .select-wrapper,
    .view-view-alumni .form-item-field-house-target-id .select-wrapper,
    .view-view-alumni .form-item-field-dob-value input,
    .view-view-alumni .form-item-field-doe-value input,
    .view-view-alumni .form-item-field-dol-value input,
    .view-view-alumni .form-item-field-doj-value input {
	float: left;
	width: 50%;
    }

    .view-view-alumni .form-item-field-first-name-value, .view-view-alumni .form-item-field-last-name-value, .view-view-alumni .form-item-field-gender-target-id, .view-view-alumni .form-item-field-house-target-id, .view-view-alumni .form-item-field-dob-value, .view-view-alumni .form-item-field-doe-value, .view-view-alumni .form-item-field-dol-value, .view-view-alumni .form-item-field-doj-value {
	margin-bottom: 0.5em;
    }

    #block-views-block-event-calendar-block-1 .fc-row.fc-week.fc-widget-content {
	min-height: 3em;
    }

    .region-content #user-login-form {
	margin-top: 2%;
    }

    .fc-toolbar .fc-center {
	margin-top: -5%;
    }

    .fc-toolbar h2 {
	font-size: 25px;
    }

    #block-customblockforregisteringalumni a {
	width: 30%;
    }

    .footer-img-wrap {
	position: absolute;
	right: 2%;
	top: 8%;
    }
}

/**Media CSS for mobile devices**/
@media screen and (max-width: 950px) and (min-width: 320px) {

    .container {
        max-width: initial;
    }

    .navbar-nav .open .dropdown-menu {
	display: block;
    }

    .region-content #user-login-form {
	margin-top: 16%;
    }

    .region-content {
	margin-top: -28px;
    }

    .path-user .region.region-header {
	height: 90%;
    }

    .navbar-brand {
	width: 100%;
	margin-right: -15px;
	margin-left: -9px;
	padding: 0 15px;

    }

    .navbar-default .navbar-brand {
	font-size: 20px;
	margin-left: 3%;
    }

    .logo img {
	margin-left: -10%;
    }

    .navbar-brand img {
	height: 45px;
	margin: 0;
    }

    .navbar-brand a.site-title {
	font-size: 17px;
	padding-top: 12px;
	width: 80%;
	margin-left: 0%;
	padding-left: 5px;

    }

    #block-centricoalumnib5-gui-customblockforregisteringalumni a {
	width: 55%;
	text-align: center;
	font-size: 15px;
    }

    .navbar {
	width: auto;
	position: initial;
    }

    .navbar-nav {
	margin: 0;
    }

    #navbar-collapse {
	position: relative;
    }

    .footer-img-wrap {
	position: relative;
	right: 2%;
	width: 20%;
	bottom: 2px;
    }

    #block-centricoalumnib5-gui-mainnavigation {
	position: relative;
	bottom: 45px;
    }

    ul.sf-menu.sf-accordion.sf-expanded, ul.sf-menu.sf-accordion li.sf-expanded > ul {
	clear: left;
	padding: 0;
	width: 100%;
	background: #000;
	border-bottom: solid 2px #ccc;
    }

    ul.sf-menu a, ul.sf-menu span.nolink {
	color: #777;
    }

    ul.menu a.is-active {
	color: #777;
    }

    ul.sf-menu.sf-accordion li.sf-clone-parent {
	display: none;
    }

    .user-logged-in .block-superfish {
	height: 37px;
    }

    .sf-accordion-toggle a#superfish-main-toggle {
	width: 20px;
	height: 36px;
	float: right;
	color: transparent;
	margin-right: 13px;
	margin-top: 3px;
	background: url(/sites/default/files/inline-images/menu-line-icon.jpg) no-repeat center;
	background-size: 71% 100%;
	border: 1px solid #ddd;
	border-radius: 4px;
    }

    .nav > li > a:focus, .nav > li > a:hover {
	background: transparent;
    }

   .social-link a {
	background-size: 20px 20px;
	background-position: right;
	position: relative;
	right: 10px;
	top: 6px;
	border: solid 0px #aaa;
	border-radius: 27px;
   }

   .form-select[multiple], .form-select[size]:not([size="1"]) {
       height: auto;
   }

   textarea.form-control {
       height: auto;
   }

   .view-photo-gallery .view-footer {
       float: right;
       position: absolute;
       bottom: -7%;
       right: 40%;
       top: initial;
   }

   .view-photo-gallery .view-footer a {
       background-size: 50%;
   }

   .navbar-toggle {
       position: absolute;
       right: -20px;
       margin-top: 15px;
    }

    ul.quicktabs-tabs, .quicktabs-main {
	width: 100%;
    }

    #block-centricoalumnib5-gui-views-block-news-block-1,
    #block-centricoalumnib5-gui-views-block-event-calendar-block-1,
    #block-centricoalumnib5-gui-alumniassociationcommitteemembers  {
	width: 100%;
	min-height: auto;
    }

    #block-views-block-photo-gallery-block-1 {
	padding-top: 15px;
    }

    #block-views-blockfront-page-slideshow-block-1 {
	margin-bottom: 3%;
    }

    #block-centricoalumnib5-gui-views-block-news-block-1 .views-field-title {
	display: inline-block;
	clear: left;
	float: left;
	text-align: center;
    }

    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-fluid, .thumbnail a>img, .thumbnail>img {
	margin: 0 auto;
    }

    .image-style-news-image-style {
	margin: 0 20%;
    }

    #block-centricoalumnib5-gui-views-block-news-block-1 .views-field,
    #block-views-block-news-block-1 .views-field {
	width: 100%;
    }

    #block-centricoalumnib5-gui-alumniassociationcommitteemembers h2 {
	font-size: 17px;
    }

    .block-views-blocknews-block-1 h2,
    .block-views-blockevent-calendar-block-1 h2 {
	font-size: 20px;
	margin-bottom: 4%;
	font-weight: 600;
	border-bottom: solid 2px rgb(8, 14, 70);
	margin-top: 0;
    }

    .block-views-blockevent-calendar-block-1 .fc-center h2 {
	border-bottom: none;
    }

    .view-photo-gallery .views-view-grid .views-col {
	width: 100% !important;
	margin-right: 0px;
	border-solid: 20px;
    }

    .view .view-content {
	overflow: auto;
    }

    #views-form-edit-alumni-page-1 .views-table.table {
	min-width: 1500px;
    }

    .dialog-off-canvas-main-canvas.d-flex.flex-column.h-100 {
	overflow-x: hidden;
	width: 100%;
    }

    .row.g-0 {
	padding: 0 12px;
    }

    .block-views-blockphoto-gallery-block-1 {
	top: 27px;
    }

    .footer-dark {
	top: 82px;
    }

    .footer {
	margin-top: 25% !important;
    }

    .footer-dark .top {
	position: absolute;
	background-position: center;
	background-size: 57% 63%;
	background-repeat: no-repeat;
	top: -8%;
	width: 12%;
	right: 47%;
    }

    /* Alumni-register */
    main .container-fluid {
	position: relative;
	top: 46px;
    }

    .path-frontpage #block-centricoalumnib5-gui-mainnavigation,
    .path-frontpage main .container-fluid {
	position: inherit;
	bottom: 0;
    }
    /*
    .node-alumni-form .field-group-fieldset .field--widget-string-textfield,
    .node-alumni-edit-form .field-group-fieldset .field--widget-string-textfield,
    .node-alumni-form .field-group-fieldset .field--widget-email-default,
    .node-alumni-edit-form .field-group-fieldset .field--widget-email-default,
    .node-alumni-form .field-group-fieldset .field--widget-options-select,
    .node-alumni-edit-form .field-group-fieldset .field--widget-options-select,
    .node-alumni-form .field-group-fieldset .field--widget-datetime-default,
    .node-alumni-edit-form .field-group-fieldset .field--widget-datetime-default,
    .node-alumni-form .field-group-fieldset .field--widget-entity-reference-autocomplete,
    .node-alumni-edit-form .field-group-fieldset .field--widget-entity-reference-autocomplete {
	width: 100%;
    }
    */
    .form-group:last-child, .panel:last-child, p:last-child {
	width :100%;
    }

    #edit-field-photograph-wrapper .image-widget-data {
	width: 100%;
	padding: 0;
    }

    #edit-field-first-name-current-wrapper,
    #edit-field-last-name-current-wrapper,
    #edit-field-email-id-wrapper,
    #edit-field-company-name-wrapper,
    #edit-field-designation-wrapper,
    #edit-field-batch-ay-wrappe,
    #edit-field-telephone-no-wrapper,
    #edit-field-batch-ay-wrapper {
	width: 100% !important;
	float: none !important;
    }

    /*Alumni-view*/
    .bef-exposed-form .form--inline > .form-item {
	width: 100%;
    }

    .bef-exposed-form .form--inline > .form-item label {
	width: 100%;
	margin-left: 0;
	margin-top: 0.5em;
    }

    /*SSR-Add*/
    .node-student-school-register-form .field-group-fieldset .field--widget-string-textfield, .node-student-school-register-edit-form .field-group-fieldset .field--widget-string-textfield, .node-student-school-register-form .field-group-fieldset .field--widget-email-default, .node-student-school-register-edit-form .field-group-fieldset .field--widget-email-default, .node-student-school-register-form .field-group-fieldset .field--widget-options-select, .node-student-school-register-edit-form .field-group-fieldset .field--widget-options-select, .node-student-school-register-form .field-group-fieldset .field--widget-datetime-default, .node-student-school-register-edit-form .field-group-fieldset .field--widget-datetime-default, .node-student-school-register-form .field-group-fieldset .field--widget-entity-reference-autocomplete, .node-student-school-register-edit-form .field-group-fieldset .field--widget-entity-reference-autocomplete {
	width: 100%;
    }

    iframe {
	border: 0;
	width: 100% !important;
    }

    #block-fblikebox .fb-page span {

	width: 100% !important;
    }

    .fb_iframe_widget_fluid span iframe {
	width: 100% !important;
    }

    .page-node-type-alumni article .panel-body .field, .page-node-type-student-school-register article .panel-body .field {
	width: 100%;
    }

    .social-link {
        top: initial;
        right: 0;
        left: initial;
        bottom: 2%;
        z-index: 1;
    }

    .path-view-photo-gallery .region.region-content,
    .page-node-type-basic-page .region.region-content {
	margin-top: -30px;
    }

    /*login page*/
    #block-centricoalumnib5-gui-local-tasks {
	margin-top: -30px;
    }

    #block-customblockforregisteringalumni a {
	width: 55%;
	text-align: center;
    }

    /** CSS for Fullcalendar **/

    .fc-toolbar.fc-header-toolbar {
	display: block;
	margin-left: 1%;
    }

    .fc-toolbar .fc-left {
	width: initial;
    }

    .fc-toolbar .fc-center {
	width: 100%;
	float: initial;
	margin-top: -8%;
	padding-top: 10%;
    }

    .fc-toolbar .fc-right {
	padding-top: 1%;
    }

    .add-queue a {
	width: 29%;
    }

    #edit-field-facebook-profile-wrapper,
    #edit-field-linkedin-profile-wrapper,
    #edit-field-twitter-profile-wrapper {
	width: 100%;
    }

}

@media screen and (max-width: 950px) and (min-width: 320px) and (orientation: landscape) {
    .footer .top {
        width: 7%;
        right: 47%;
    }

    #edit-field-facebook-profile-wrapper, #edit-field-linkedin-profile-wrapper, #edit-field-twitter-profile-wrapper {
	width: 49%;
	margin-right: 1%;
    }

    .footer-img-wrap{
	margin-top: 0;
    }


}

@media only screen and (min-width: 480px) and (max-width: 640px) and (orientation: landscape){
    .container {
        max-width: initial;
    }
}

@media screen and (max-width: 1366px) and (min-width: 768px){

    .container {
        max-width: initial;
    }

    .fc-toolbar .fc-button {
	padding: 0.4em 0.40em;
    }

    .fc-toolbar .fc-center {
	margin-left: 3%;
    }

    .fc-toolbar h2 {
	margin-left: 20%;
	margin-top: -2%;
    }

    .fc-toolbar .fc-left {
	width: initial;
    }

    .navbar-header {
	width: 30%;
    }

    .navbar-default .navbar-brand{
	width: 85%;
    }


}