/*
Theme Name: Rocco (shared on wplocker.com)
Theme URI: http://themes.muffingroup.com/rocco
Author: Muffin group
Author URI: http://muffingroup.com
Description: Rocco - Responsive Premium WordPress Theme.
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, left-sidebar, right-sidebar, fixed-width, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, post-formats, theme-options, translation-ready
Version: 1.3
*/

@import url("css/base.css");
@import url("css/buttons.css");
@import url("css/grid.css");
@import url("css/layout.css");
@import url("css/variables.css");
@import url("css/shortcodes.css");
@import url("css/animations.css");

@import url("css/fonts.css");

/* If you want to add your own css code, please do it in css/custom.css */

 #Content{padding:0 !important;}
#Header .addons{top:10px;}
#Header #logo{padding:0;height: 90px; line-height: 90px;}
#Header #menu{margin-top:35px;margin-bottom:10px;}

#Header.is-sticky #logo{padding:8px;}
.single-portfolio .widget-area{display:none;}
.wrapper{
    width: 1176px; float: none; margin: auto;
  }
  .section-table{ width: 1176px; float: left; padding: 0; border-top:solid 1px #ccc; border-right:solid 1px #ccc; }
  .wrapper-head{ width: 100%; float: left; padding: 0; margin: 0; border-left:solid 1px #ccc;background: #1d4d8d; color: #fff; }
  .wrapper-head li{ width: 23%; float: left; line-height: 35px; box-sizing: border-box; text-align: center; background: #999; border-bottom:solid 1px #ccc; border-left:solid 1px #ccc; list-style: none; background:none !important; padding:0 !important; }
  .wrapper-head li:first-child{ width: 8%; float: left; border-left: 0; }
  .section-body{ width: 100%; float: left; border-left:solid 1px #ccc; }
  .section-body-ul{ width: 100%; float: left; padding: 0; margin: 0; border-bottom:solid 1px #ccc; }
  .section-body-ul li{ width: 23%; float: left; line-height: 100px; min-height: 100px; box-sizing: border-box; justify-content: center; text-align: center; flex: 1; display: flex; border-left:solid 1px #ccc; list-style: none; background:none !important; padding:0 !important; }
  .section-body-ul li.singleImage span{line-height:50px; min-height: 50px;}
.section-body-ul li.singleImageData{line-height:50px; min-height: 50px;}
  .section-body-ul li a img{ margin: 0;}
  .section-body-ul li:first-child{ width: 8%; border-left: 0; }
  .section-body-ul li span{
    padding: 0 10px;
    box-sizing: border-box;
    min-height: 100px;
    flex: 1;
    display: flex;
    justify-content: center;
    min-width: 145px;
  }
  .room-no{
    width: 100%; float: right;
  }
  .room-no span{
    width: 100%; float: left; padding: 0px; border-bottom:solid 1px #ccc; border-left:solid 1px #ccc; margin-left: -1px;
  }
  .room-no span:last-child{
    border-bottom: 0;
  }
  .section-body-ul li a img{height:100px !important;}
 .section-body-ul li.removeBorder span{border-bottom: 0;}
  .section-body-ul li {border-bottom-width: 0 !important;}
  .section-body-ul li a{min-height: 100px; line-height: 0;}
.section-body-ul li{border-color: #ccc !important;}
.nonTeachingStaff tr td h4{display:none;}
.classFourStaff tr td h4{display:none;}
.memberOfManagementTable tr td h4{display:none;}
.teachingStaff tr td h4{display:none;}
.mandatoryDisclosure ul li {background: none !important;}
.master-slider-parent{display:none;}

@media only screen and (max-width: 767px){

#Header #menu {
    display: none;
    margin: 0 0px 20px !important;
    width: 100%;
}
.get_in_touch {
    padding-top: 20px;
}
.items_group .blockquote+.blockquote{padding-top:20px !important;}

.items_group .article_box .photo img{display:block;margin-left:auto;margin-right:auto;}
.items_group .article_box .desc{text-align:center;}
.hideIconBoxMobile .icon_box{display:none;}
.master-slider-parent{display:block;}
.ms-view.ms-basic-view{width:0 !important;height:0 !important;}
.ms-nav-next, .ms-nav-prev{margin-top: 40px !important;}
.ms-nav-prev{
    background-image: url(http://igmss.org/wp-content/uploads/2017/11/arrow-left.png) !important;
    background-size: 30px !important;
    background-repeat: no-repeat !important;
    background-position:0 !important; 
}
.ms-nav-next{
    background-image: url(http://igmss.org/wp-content/uploads/2017/11/arrow-right.png) !important;
    background-size: 30px !important;
    background-repeat: no-repeat !important;
    background-position:0 !important; 
}
.ms-info h6{margin-bottom:0 !important;}
.facility .desc h5{margin-bottom:0;}
.icon_box_mobile .ico {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 55px;
    margin: 0 auto 15px;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #2C3E50;
    color: #fff;
    padding: 15px;
}
.icon_box_mobile h6, .icon_box_mobile p{text-align:center !important;}
.icon_box_mobile i{
    text-align: center !important;
    width: 100%;
    line-height: 80px;
    float: left;
}
.section_wrapper, .container, .four.columns{width: 85% !important;}
#Footer{display:none;}
.section_wrapper .column, .sections_group {
    margin: 0 0 5px !important;
}
br{
 display:none !important;
}
#Content {
    padding-top: 10px !important;
}
h1 {
    font-size: 33px !important;
    line-height: 33px !important;
}

#Header .addons {
  display: none !important; 
  padding:0 !important;
}
#Header .logo #logo {
padding: 10px 0 !important;
margin-bottom: 0px;
float:left;
}
#Header a.responsive-menu-toggle {
    top: 16px !important;
}
.wrapper {
    overflow: scroll;
    float: left;
    max-height: 400px;
    max-width: 280px;
}

.memberOfManagementTable{ width: 100%; float: left; display: block; border: 0;}
.memberOfManagementTable thead{ display: none;}
.memberOfManagementTable tbody{ width: 100%; float: left; display: block;}
.memberOfManagementTable tr{ width: 100%; float: left; display: block; margin-bottom: 10px;}
.memberOfManagementTable tr td{ width: 100%; float: left; display: block; padding: 2px 5px; text-align: left !important;}
.memberOfManagementTable tr td h4{ width: 45%; float: left; display: block; margin: 4px 5% 0 0; font-size: 12px; font-weight:bold; border-right: solid 1px #ccc;}
.memberOfManagementTable tr td span{ width: 40%; float: left; display: block; word-wrap: break-word; font-size: 12px;}
.memberOfManagementTable tr td p{ width: 10%; height: 15px; float: left; background: #000; display: block; word-wrap: break-word; font-size: 12px;}

.nonTeachingStaff{ width: 100%; float: left; display: block; border: 0;}
.nonTeachingStaff thead{ display: none;}
.nonTeachingStaff tbody{ width: 100%; float: left; display: block;}
.nonTeachingStaff tr{ width: 100%; float: left; display: block; margin-bottom: 10px;}
.nonTeachingStaff tr td{ width: 96%; float: left; display: block; padding: 2px 5px; text-align: left !important;}
.nonTeachingStaff tr td h4{ width: 45%; float: left; display: block; margin: 4px 5% 0 0; font-size: 12px; font-weight:bold; border-right: solid 1px #ccc;}
.nonTeachingStaff tr td span{ width: 40%; float: left; display: block; word-wrap: break-word; font-size: 12px;}
.nonTeachingStaff tr td p{ width: 10%; height: 15px; float: left; background: #000; display: block; word-wrap: break-word; font-size: 12px;}

.classFourStaff{ width: 100%; float: left; display: block; border: 0;}
.classFourStaff thead{ display: none;}
.classFourStaff tbody{ width: 100%; float: left; display: block;}
.classFourStaff tr{ width: 100%; float: left; display: block; margin-bottom: 10px;}
.classFourStaff tr td{ width: 96%; float: left; display: block; padding: 2px 5px; text-align: left !important;}
.classFourStaff tr td h4{ width: 45%; float: left; display: block; margin: 4px 5% 0 0; font-size: 12px; font-weight:bold; border-right: solid 1px #ccc;}
.classFourStaff tr td span{ width: 40%; float: left; display: block; word-wrap: break-word; font-size: 12px;}
.classFourStaff tr td p{ width: 10%; height: 15px; float: left; background: #000; display: block; word-wrap: break-word; font-size: 12px;}

.teachingStaff{ width: 100%; float: left; display: block; border: 0;}
.teachingStaff thead{ display: none;}
.teachingStaff tbody{ width: 100%; float: left; display: block;}
.teachingStaff tr{ width: 100%; float: left; display: block; margin-bottom: 10px;}
.teachingStaff tr td{ width: 96%; float: left; display: block; padding: 2px 5px; text-align: left !important;}
.teachingStaff tr td h4{ width: 45%; float: left; display: block; margin: 4px 5% 0 0; font-size: 12px; font-weight:bold; border-right: solid 1px #ccc;}
.teachingStaff tr td span{ width: 40%; float: left; display: block; word-wrap: break-word; font-size: 12px;}
.teachingStaff tr td p{ width: 10%; height: 15px; float: left; background: #000; display: block; word-wrap: break-word; font-size: 12px;}
}

@media only screen and (max-width: 959px) and (min-width: 768px){
#Header #searchform {
    right: 83px !important;
    top: 25px !important;
}
#Header a.responsive-menu-toggle{
 top: 35px !important;
 right: 10px !important;
}
br{
 display:none;
}
.staffTable .inside{overflow-x:scroll;}
.wrapper{
    float: left;
    overflow: scroll;
    max-width: 734px;
    max-height: 500px;
}
#Footer .copyrights p{margin-left:0 !important;}
}

@media only screen and (min-width: 1020px) and (max-width: 1030px){
 br{display:none;}
.wrapper {
    overflow: scroll;
    float: left;
    max-height: 500px;
    max-width: 940px;
}
#Footer .copyrights p{
 float:none;
 text-align:center;
 margin-left: 0 !important;
}
}