/* ************* Media Queries Tablets ****************** */
@media only screen and (max-width:1360px) { 
.mainNavigation .menuPart:before {font-size:22px; left:-68px;}
}

@media only screen and (max-width: 1279px) {
.desktop.fixedHeader .mainNavigation .menuPart:before {display: none;}
.footerLogosList {padding: 0 25px;}


}

@media only screen and (max-width: 1199px) {
.container {max-width: 1170px;padding-right: 15px;padding-left: 15px;}
#nice-menu-1 li a{padding: 5px 12px;}
.eventBlock .headSection .leftCol span{font-size: 16px; padding: 8px 10px;}
.eventBlock .headSection .smallTitle {font-size: 15px;}
.eventBlock .headSection .leftCol span::before {border-top: 20px solid #f9aa27; border-right: 20px solid transparent;}
.mediaGallery .mediaTab li a .fa {margin-right: 15px;}
.aboutIcons li a{margin-left: 10px;}
.DITHeadLeft h2 {font-size: 1em;}
.MapHead h2 {font-size: 16px;}
.footerRight, .footerLeft {float: inherit;}
.footerInner, .footerInner ul.menu, .footerBottom, .footerBottom p{text-align:center;}
.footerInner {margin-top: 0;float: left;width: 100%;}
.footerLeft .menu{padding: 15px 0;}
.footerRight ul{padding: 15px 0 0;}
/*******inner page*********/
 #nice-menu-1 li a {padding: 5px 15px; font-size: 0.8em;}
.mainNavigation .socialIcons li a {padding: 5px 7px !important; }
.instituteWrap {min-height: 280px;}
.aboutImage { margin-top: 0; }
.mainNavigation:before, .mainNavigation .menuPart:after {display:none;}
.mainNavigation .menuPart{margin-left:0;}
.mainNavigation .socialIcons{padding:0 10px;}
.aboutUs:before, .mainNavigation:after {display:none;}
.announcements h2{padding:5px 20px;}
.albumSlider .imgHolder{height:130px;}

.diseaseInformation .leftCol{width:50%;}
.diseaseInformation .rightCol{width:100%;}
.diseaseInformation .leftCol {width: 100%;}
.footerLogosList .owl-controls .owl-nav .owl-prev { left:-10px;}
.footerLogosList .owl-controls .owl-nav .owl-next { right:-20px;}
#contenMap{margin:0 auto; width: 360px; float:none; }
.diseaseInformation .region-whts-new-institute { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc;}
.scientistCityList .views-row a { min-height: 65px;}

}

@media (max-width: 992px) {
.container {max-width: 970px;}
#nice-menu-1 li a{padding: 5px 10px; font-size: 13px;}
.mainNavigation .socialIcons{top: 0px; position: absolute; left:0;}
#nice-menu-1  li  a  span {-webkit-transform:unset; transform:unset;}
.toggleMenu{height:46px; padding: 11px 15px; outline:0;}
.topStrip .rightLinks li, .topStrip .rightLinks li:before {display:none;}
.topStrip .rightLinks li.language{display:block;}
/*.searchBoxRow{position:absolute;top:-13px; right:0; margin-right:15px;}*/
header.sticky  .searchBoxRow, .topStrip .rightLinks::after{display:none;}
.topStrip .rightLinks{background:transparent;}
header{position:relative;}
/*.searchBoxRow input{height:32px; border-top:0; border-left:0; border-right:0; }*/
.topStrip:before{background:#f2f2f2;}
/*.searchBoxRow .searchBtn{top: -5px;}*/
.toggleMenu .mobileMenu{display:none;}
.indexBanner .sliderCaption .bannerTag:after {bottom: -88px;}
.indexBanner .sliderCaption h2 {font-size: 34px;line-height: 49px; margin-top: 10px;}
.indexBanner .sliderCaption .bannerTag {font-size: 22px; line-height: 36px;}
.indexBanner .sliderCaption .bannerTag:after {bottom: -71px; left: 90px;}
.indexBanner .sliderCaption .captionInner {width: 620px; }
.indexBanner .sliderCaption .captionInner:after {bottom: -215px;}
.indexBanner .sliderCaption .captionInner:before {width: 272px; top: -52px; left: 120px;}
.indexBanner .sliderCaption .captionInner:after {width: 426px; left: 3px;}
.indexBanner .sliderCaption h2:before {bottom: -72px; right: 0;}
.indexBanner .sliderCaption h2:after {bottom: -72px; left:0}
.indexBanner .sliderCaption .bannerTag:before {top: -50px;}
.aboutUs .cols8, .aboutUs .cols4{width: 100%;}
.aboutUs .directorImg{margin:auto; text-align:center; margin-top:40px; border-top:1px solid #f2f2f2; border-bottom:0; border-left:0; border-right:0; padding:0;}
.aboutUs .directorImg img{border: 1px solid #DBDBDE;padding: 10px;}
.aboutUs .directorImg img{margin-top:40px; }
.mediaGallery .mediaTab li a {font-size: 18px; padding: 10px 5px;}
.mediaGallery .mediaTab li {padding: 25px 10px;}
.eventBlock .headSection .leftCol{display:none;}
.mediaGallery .mediaTab li a .fa {margin-right: 5px;}
#nice-menu-1  li  a.active{color:#fbca01!important;}
.diseaseInformation .colLeft, .diseaseInformation .colRight{width: 100%; float:inherit; margin:40px 0;}
/*Navigation*/
.mainNavigation .menuPart{float:none;}
.menuPart #nice-menu-1 li.active-trail li a, .menuPart #nice-menu-1 li ul li a.active-trail.active span, .menuPart #nice-menu-1 li li a.active span{color: #FFF !important;}
#nice-menu-1 li a,  #nice-menu-1 > li > a:hover,  #nice-menu-1 > li.hover > a,  #nice-menu-1 > li.focus > a,  #nice-menu-1 > .highlight > a,  #nice-menu-1 > li > a.active{display:block; color: #fff;}
#nice-menu-1 .menuIcon {display: block;}
#nice-menu-1 li{width:100%;}
.menuPart #nice-menu-1 li span {margin-left: 0;}
.menuPart #nice-menu-1 li a.active::after, .menuPart #nice-menu-1 li.active-trail::after{display:none;}
#nice-menu-1 {display:none;position:absolute;left:0;right:0;background:#073e74;/*height: 100vh;*/ max-height:400px; overflow-y: scroll;}
#nice-menu-1 ul{background:#305d93;}
.toggleMenu, #nice-menu-1 .menuIcon {display:block;}
#nice-menu-1 li {float:none;display:block;border:none;}
#nice-menu-1 li a{border-top:1px solid #002d63}
#nice-menu-1 li.parent {position:relative;}
#nice-menu-1 li .menuIcon, #nice-menu-1 li li .menuIcon {width:46px; height:auto; background-color:#002d63; background-color: rgba(0, 45, 99, 0.5); background-image:url(../images/down-arrow.gif); background-repeat:no-repeat; background-position:center 15px; position:absolute;right:0;top:0;bottom:0;cursor:pointer;}
#nice-menu-1 li .menuIcon.active, #nice-menu-1 li li .menuIcon.active {background-color:#002d63; background-color: rgba(1, 36, 78, 0.5);}
#nice-menu-1 li > a:hover, #nice-menu-1 li.hover > a, #nice-menu-1 li.active > a, #nice-menu-1 li ul li a:hover, #nice-menu-1 li ul li > a.selected, #nice-menu-1 ul a:hover, .noJS #nice-menu-1 ul a:focus, #nice-menu-1 ul a.selected, #nice-menu-1 > li > a:hover, #nice-menu-1 > li.hover > a, #nice-menu-1 > li.focus > a {background-color:#002d63;color: #fff;}
#nice-menu-1 ul {width:100%;display:none;position:static;transition:none;-webkit-transition:none;}
.hasJS #nice-menu-1 ul{opacity:1;}
#nice-menu-1 li ul li, #nice-menu-1 ul a {width:100%}
#nice-menu-1 > li:hover > ul, #nice-menu-1 li li:hover > ul, #nice-menu-1 li li li:hover > ul {display:none;}
#nice-menu-1 ul, #nice-menu-1 *:hover ul ul, #nice-menu-1 .hover ul ul, #nice-menu-1 .focus ul ul {margin-left:0;}
#nice-menu-1 li a {padding-left:15px;padding-right:15px;display:block;line-height:30px;font-size:14px;}
#nice-menu-1 li ul li a {padding:7px 55px 7px 25px; display:block;line-height:21px; background:url(../images/right-arrow.gif) no-repeat 15px 15px;color:#fff;border:none}
#nice-menu-1 li ul li ul li a {padding-left:45px;background-position:33px center}
#nice-menu-1 li ul li ul li ul li a {padding-left:60px;background-position:45px center}
#nice-menu-1 > li > a:hover, #nice-menu-1 > li.hover > a, #nice-menu-1 > li.focus > a, #nice-menu-1 > .highlight > a {background-color:#305d93;color: #fff;}
#nice-menu-1 li ul li a:hover, #nice-menu-1 li ul li > a.selected, #nice-menu-1 ul a:hover, .noJS #nice-menu-1 ul a:focus, #nice-menu-1 ul a.selected, #nice-menu-1 ul > .highlight > a, #nice-menu-1 ul li.focus > a {background-color:#326cb1;color: #fff;}
#nice-menu-1, #nice-menu-1 ul {margin: 0;}
.mainNavigation .toggleMenu.active .iconBar{background:url(../images/close-button.png) no-repeat center center;}
.menuPart  #nice-menu-1 li a{position:static;}
#nice-menu-1 li:hover > ul, #nice-menu-1 li.hover > ul, #nice-menu-1 li.focus > ul, #nice-menu-1 a:focus + ul, #nice-menu-1 ul ul, .noJS #nice-menu-1 .hover a:focus, .noJS #nice-menu-1 .focus a:focus { display:none; }
/*******inner page*********/
.captcha .form-item-captcha-response .form-text{width:110px;}
.leftSideBar .innerMain {float: right;max-width: 70%; padding-left:40px;}
.innerBanner h2{font-size:1.767em;}
#nice-menu-1 > li > a,  #nice-menu-1 > li {transform:unset; -webkit-transform:unset;}
.sideInfoSlider img{width:100%;}
.mapWrapper .filterBox {margin-top: -55px;}
.instituteWrap{width:100%; min-height:auto; padding:10px 0;}
.menuPart #nice-menu-1 li a.active::after, .menuPart #nice-menu-1 li a.active-trail::after {display:none;}
ul.site-map-menu li li li a:hover{padding-left:0;}
ul.site-map-menu li li li:hover:before{width:7px;}
ul.site-map-menu > li > a{font-size:18px;}
ul.site-map-menu li li a{font-size:16px;}
ul.site-map-menu li li li a{font-size:15px;}
.mapWrapper .filterBox{margin-top:0;}
.albumSlider .imgHolder{height:100px;}
.belaDetalWrap .cols5{width:60%;}
.belaDetalWrap .cols7{width:40%;}
.socialInfoLeft, .socialInfoLeft .plugIn, .socialInfoRight{width: 100%; padding:0;}
.directorInfo{margin-top:30px; padding:15px; background-color:#e9f3ff;}
.mainNavigation .container, .socialInfo .container { padding: 0; max-width:100%; }
.socialInfoLeft ul li a:before { position:absolute; bottom:0px; left:0px; background-color:#315c8f; height:1px; width:100%; content:"";}
.menuSticky {position: relative;}
.breadcome { float:none; width:auto;}
.sidebar {display:none;}
.innerMain {width: auto; float:none; padding: 30px 0;}
.aboutImage img {width:100%;}
.view-scientist .views-summary { margin-bottom: 6px;}
.view-scientist .belaDetalWrap .cols5, .view-scientist .belaDetalWrap .cols7 { width:auto; float:none; padding: 0; border: 0;}
.belaLeftDetail span.field-content { display: block;}
.belaLeftDetail .rightText, .attachment-after .view-scientist .item-list .field-items { width: 68%;}
.belaLeftDetail .leftText, .attachment-after .view-scientist .item-list .field-label { width:30%;}
.view-scientist .belaDetalWrap { position: relative; padding-top: 50px;}
.view-scientist .belaDetalWrap .btnRow { position: absolute; right:0; top: 0;}
.aboutUs .aboutUsInner:before { display: none; }

.mediaGallery .mediaTab li a .fa {font-size:25px;}
.socialInfoLeft ul li {height: auto;}
.socialInfoLeft ul li a {padding: 12px 20px;}
.socialInfoRight ul li {height: auto;}
.socialInfoRight ul li a {padding: 12px 20px;}


}

@media only screen and (max-width: 800px) {
/*Responsive Table*/
.responsiveTable, .responsiveTable tr, .responsiveTable td, .responsiveTable td:before { display:block; text-align:left; border:none;	/* Converts a table, table row, table column and table column:before into a block element */ }
.responsiveTable, .responsiveTable tr, .responsiveTable td:last-child { border-bottom:none; }
.responsiveTable thead, .responsiveTable tr th { position:absolute;	/* Hides table head but not using display none */ top:-1000em; left:-1000em; }
.responsiveTable tr { border:1px solid #eeeeee; border-bottom:2px solid #eeeeee;  margin:0 0 20px; }
.responsiveTable tr td:nth-child(1) { /* first column of the row */ border-left:none;}
.responsiveTable tr td:last-child { /* last column of the row */ border-right:none; }
.responsiveTable tr:last-child .td, .responsiveTable td { /* Column in the last row and column */ border-bottom:1px solid #eeeeee; }
.responsiveTable td:before { /* prints the value of data-label attribute before the column data */ font-weight:bold; padding-right:20px; line-height:27px; color:#174471; content:" "attr(data-label)"";	/* call the attribute value of data-label and adds a string // */ }
.responsiveTable tbody {display:block;}
.responsiveTable tr td {padding:5px 15px; width:auto !important;}
.item-list .galleryList li{width:50%;}
.breadcome ul li{padding:9px 13px 9px 13px;}
.captcha .form-item-captcha-response .form-text{width:250px; margin-left:0;}
.captcha img{margin-top:30px;}
.view-video-gallery ul li{width:50%;}
.field-name-field-publication .form-managed-file .form-file{width:230px;}

.timelineSection { margin:0; padding: 0; }
.cols12, .cols11, .cols10, .cols9, .cols8, .cols7, .cols6, .cols5, .cols4, .cols3, .cols2, .cols1 {width:100%; padding:0;}
.aboutImage {margin-bottom: 40px;}
.aboutInner .cols6:first-child{padding:0;}
.feedbackForm #field-suggestion-add-more-wrapper, .feedbackForm .captcha, .feedbackForm .captcha, .feedbackForm .form-actions { float:none; width:auto !important; padding: 0;}
.feedbackForm .captcha { width: 370px !important; padding-right: 120px;}
.feedbackForm .captcha .form-item-captcha-response .form-text { width: 100%; }
.feedbackForm .captcha img { top: 2px;}
.inMediaEvent .cols6 {width: 50%; padding:0 5px;}

}

@media only screen and (max-width: 768px) {
.r-tabs .r-tabs-nav {display: none;}
.r-tabs .r-tabs-accordion-title {display: block;}
.container {width: auto;}
.indexBanner .sliderCaption .bannerTag, .indexBanner .sliderCaption .captionInner:before, .indexBanner .sliderCaption .captionInner:after, .indexBanner .sliderCaption h2:before,
.indexBanner .sliderCaption h2:after{display:none;}
.indexBanner .sliderCaption h2 {font-size: 38px;line-height: 52px;margin-top: 0;}
.mediaGallery .mediaBody {float: inherit;width: 100%;}
.mediaGallery .mediaBody{background: transparent;}
.mediaGallery  .resTab .r-tabs-accordion-title .r-tabs-anchor{background-color: transparent; font-size: 20px; color:#FFFFFF; font-weight: normal; padding: 15px 20px; outline:0;}
.mediaGallery  .resTab .r-tabs-accordion-title .r-tabs-anchor .fa{margin-right: 20px;}
.mediaGallery .resTab .tabContent {background:rgba(0,0,0,0.1); float:left; width:100%;}
.mediaGallery  .r-tabs .r-tabs-accordion-title { background:#013f8a; border-top:3px solid #2887d9; float: left; width: 100%;}
.mediaGallery  .resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor .fa{color: #fe9b00; }
.eventBlock .headSection .leftCol {display: block;}
.aboutUs .aboutIcons li {width: 45%;}
.aboutUs .aboutIcons li br{display:none;} 
.aboutInner h3{margin-top:30px;}
.addressBlock, .mapBlock{width:100%; padding-left:0; margin-top:30px;}
.addressBlock.contctPage{width:100%;}
.addressBlock{margin-top:0;}
.profileWrap .leftSideBar .sidebar{width:100%;}
.profileLeftInfoCont{max-width:inherit;}
.profileLeftInfoCont .proFileImg{left:0; right:0; width:inherit; height:auto;}
.leftSideBar .innerMain {max-width: 100%;padding-left: 0;}
.profileOut .innerMain {padding: 0;}
.awardsRecors li {width: 100%;}
.awardsDetails .awardsRecors li:last-child {padding-left: 0;margin-top: 12px;}
.footerLogo{padding:20px 0;}
.socialInfoLeft .plugInHead {left: -130px;}
.views-field-field-photo-image ul li{width:50%;}
.mediaGallery .mediaBody h2{padding-left:0;}
.belaDetalWrap .cols5, .belaDetalWrap .cols7{width:auto; float:none; border:0;}
.belaLeftDetail li.profileHead{margin-top:15px;}
.belaDetalWrap{position:relative;}
.belaDetalWrap .btnRow{position:absolute; right:0; top:0;}
.belaDetalWrap .belaRightDetail{margin-top:20px;}
.belaLeftDetail .profileHead .userName{padding-left:5px;}
.inMediaEvent .eventBlock img {height: auto;}
.region-whts-new-institute .view-footer { text-align: left; }
.eventBlock p { text-align: left; }
.view-former-dg:before { left: 8px; }
.view-former-dg:after { left: 16px; width: 15px; height: 15px; }
.view-former-dg .views-row, .view-former-dg .views-row:nth-child(2n) { width: auto; float:none; padding-right:0; padding-left: 50px; text-align: left;}
.view-former-dg .views-field-field-dg-period { right:auto; left: 50px;}
.view-former-dg .views-field-field-dg-period:before { right:auto; left: -50px; background: #fbca01;}  
.view-former-dg .views-row:before {right:auto; left: 0;}
.view-former-dg .views-field-field-dg-image { left:auto; right: 0; }
.view-former-dg .timeline-content { padding: 0; }
.view-former-dg .views-row:nth-child(2n):before {left: 0; }

.r-tabs .r-tabs-accordion-title a {position: relative;}
.r-tabs .r-tabs-accordion-title a::after {position:absolute; top:25px; right:25px; content:""; border-top:8px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent;}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active a::after {top:18px; border-top:8px solid transparent; border-bottom:8px solid #fff;}


}

@media only screen and (max-width: 767px) {
.formList .boxs > li, .formList .boxs > div {float:none; width:100%;}
.width50p, .searchBoxRow input{width:100%;}
.searchBoxRow {position: relative;top: 0;margin-right: 0;width: 100%;}
.views-exposed-form .views-exposed-widget{float: left; width: 50%;}
#logo{float:none; text-align:center;}
.scientistCityList .views-row{width:auto; float: none;}
.scientistCityList .views-row a { min-height: 1px;}
.field-name-field-publication .form-managed-file .form-file{width:170px;}
.diseaseInformation .leftCol .item-list ul li {padding-right:0; width:100%;}
.timeline-content h3 { font-size: 20px;}
.contentInner { min-height: 1px;}
.bioScientist .box { float:none; width:auto; padding: 0; margin-bottom: 15px; }
.belaLeftDetail .rightText, .belaLeftDetail .leftText, .attachment-after .view-scientist .item-list .field-items, .attachment-after .view-scientist .item-list .field-label { width: auto; display: block;}
.belaLeftDetail .leftText:after { display: none;}
.view-scientist .belaLeftDetail { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc;}
}

@media only screen and (max-width: 639px) {
.formList .boxs {margin-left:0;}
.formList .box {float:none; width:auto; margin-left:0;}
.aboutUs .aboutIcons li {width: 100%;}
.MapHeadRight .selectstyle {width: 120px;}
.DIMapMain {margin-top: 80px;}
.InsituteList .instituteSingle{width:100%;}
.InsituteList .instituteSingle:first-child::after{display:none;}
.instituteSingle {border-bottom:1px solid #e5e5e5}
.InsituteList .instituteSingle:last-child {border-bottom:0;}
.InsituteList .instituteSingle:last-child {padding-left: 0;}
.node-form  div  div{ width:100%;}
.captcha .form-item-captcha-response .form-text{width:150px; }
.captcha .form-item-captcha-response{width:100%;}
.captcha img{margin: 0;}
.captcha .form-item-captcha-response .form-text{width:100%;}
.views-exposed-form .form-item-field-award-prize-tid select{width:100%;}
.socialInfoLeft h4{font-size: 1.17em;}
.socialInfoLeft .plugInHead {left: -105px;}
.view-ijmr .views-label, .view-ijmr .field-content{width:100%;}
.node-scientist-form .field-name-field-date-of-birth .fieldset-wrapper .description, .node-scientist-form .field-name-field-date-of-joining-on-current .fieldset-wrapper .description{position:static;}
.node-scientist-form{padding:15px 0;}
.diseaseInformation .leftCol, .diseaseInformation .rightCol{width:auto; float:none; margin-bottom:20px;}
.field-name-field-publication .form-wrapper{float:none; padding:0; width:99%;}
.field-name-field-publication .tableOut{margin:0;}
.field-name-field-publication .field-multiple-table th.field-label{padding-left:0;}
.field-name-field-publication .tableOut{overflow-x:hidden;}
.field-name-field-publication td.delta-order{padding:8px;}
.innerBanner h2 { padding:45px 0; font-size: 23px; line-height: 1.3;}
.view-icmr-bulletin { text-align: center;}
.view-icmr-bulletin table tr td { display: block; text-align: center;}
.feedbackForm .captcha img { margin-top:30px;}
.inMediaEvent .cols6 {width: 100%; padding: 0;}

}

@media only screen and (max-width: 599px) {.footerLogo .owl-carousel .owl-item img{width:auto; margin:auto;}
.socialInfoLeft .plugInHead{top: 60px;}
h2 {font-size: 1.600em;}
.mapWrapper .filterBox{margin-top:5px;}
.topStrip li{padding: 0 2px 0 5px;}
.photoGallerySlider .swiper-slide{width:350px;}
.view-former-dg .views-row, .view-former-dg .views-row:nth-child(2n) { padding-left: 25px; }
.view-former-dg .views-field-field-dg-period, .view-former-dg .views-row:nth-child(2n) .views-field-field-dg-period { left: 25px; }
.view-former-dg .views-field-field-dg-period:before { width: 10px; left: -10px; }
.view-former-dg .views-row:nth-child(2n) .views-field-field-dg-period:before { left: -10px; background:#fbca01;}
.view-former-dg .views-field-field-dg-period { font-size: 15px;}
.dirGeneralRow .imgHolder { float:none; margin: 0 auto 15px auto;}
.dirGeneralRow .directorDetail p { text-align: center;}
.otherScientistsList ul li { float:none; width:auto;}
.announcements .marqueeScrolling { padding-right: 15px; }
}

@media only screen and (max-width: 479px) {
.indexBanner .sliderCaption h2 {font-size: 30px;line-height: 36px; margin-top: 10px;}
.eventBlock .headSection .leftCol {display: none;}
.searchBoxRow input{width:150px;}
.DITHeadLeft h2::before, .DITHeadLeft h2::after{display:none;}
.DITHeadRight .searchPanel{margin-top:0;}
.DITHeadLeft h2 {font-size: 0.9em; padding: 10px 0;}
.DITHeadRight .searchPanel .inputstyle{font-size:15px;}
.sideInfoSlider{margin: 25px 0 0 0;}
.item-list .galleryList li, .view-video-gallery ul li{width:100%;}
.searchBoxRow input{border:1px solid #dedede; width:100%;}
.views-exposed-form .views-exposed-widget {padding: 0.5em 0.3em 0 0;}
.view-form-downloads  table td:last-child, .view-form-downloads table td:last-child{text-align:center;}
.socialInfoLeft h4 {font-size: 1.0em;}
.socialInfoLeft .plugInHead {top: 40px;}
.views-exposed-form .views-exposed-widget{width: 100%;}
.views-exposed-form .views-exposed-widget .form-submit{margin:0;}
.views-field-field-photo-image ul li{width:100%;}
.InformationRight {float: left;width: 100%;}
.announcements h2{padding:5px 10px; font-size:16px;}
.announcements .marqueeScrolling{padding-left:140px;}
.mediaGallery .mediaBody h2{font-size:19px;}
.indexBanner .sliderCaption h2{font-size:22px;}
.indexBanner .sliderCaption{margin-left:20px;}
.albumSlider .imgHolder{height:100px;}
.photoGallerySlider .swiper-slide{width:250px;}
.belaLeftDetail .leftText{display:block; width:auto; padding:0;}
.belaLeftDetail .leftText:after{display:none;}
.belaLeftDetail li{margin-bottom:8px;}

.belaLeftDetail .profileHead .profilePicture{width:70px; height:70px; }
.belaLeftDetail .profileHead .profilePicture img{width:58px; height:58px;}
.socialInfoLeft ul li a, .socialInfoRight ul li a { position: relative; padding-left: 55px; }
.socialInfoLeft .icon, .socialInfoRight .icon { position: absolute; left: 20px; top: 15px; }
.example-obtuse { left: -68px;}
.activeBubble { width: 200px;}
.views-submit-button, .views-reset-button { margin-top: 10px;}
.view-former-dg .views-field-field-dg-image { width: 70px; height: 70px;}
.breadcome ul li { padding: 9px 12px 9px 6px; }
.largeAddress { font-size: 18px;}
.item-list .galleryList li .views-field-title { height: auto; }
.view-ijmr .accordDetail .views-row { padding: 15px;}
.feedbackForm .captcha { width: 300px !important;}
.feedbackForm .captcha img { margin-top: 58px;}
#user-login {padding: 15px;} 
.search-form .form-wrapper { padding: 15px;}
.search-form .form-submit { position: static; margin-top: 15px; width:100%; }
.topStrip ul {padding: 0; line-height: 18px;}
section {padding: 25px 0;}

.mediaGallery .resTab .r-tabs-accordion-title .r-tabs-anchor {font-size: 16px; padding: 10px 15px;}
.r-tabs .r-tabs-accordion-title a::after {top: 20px; right: 15px;}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active a::after {top: 10px;}
.mediaGallery .mediaBody h2 { font-size: 16px; line-height: 18px;}

.diseaseInformation {padding: 35px 0 0;}


}

@media only screen and (max-width: 360px) {
.indexBanner .sliderCaption h2 {font-size:20px;line-height: 32px; margin-top: 10px;}
.DITHeadRight .searchPanel{width:100px;}
.indexBanner .sliderCaption{margin-left:30px;}
.views-exposed-form .views-exposed-widget{width:100%;}
.views-exposed-widget.views-submit-button, .views-exposed-widget.views-reset-button { width: auto; }
.views-exposed-form .views-exposed-widget .form-submit{margin-top:0.6em;}
}

@media only screen and (max-width: 359px) {
#contenMap {margin: 0 0 0 -30px; transform: scale(0.85); -webkit-transform: scale(0.85);}

}