/*--- Overriding bootstrap.css 
-----------------------------------------------------*/

/* Common Setting */
.form-control, .btn{ border-radius: 0; }
.btn{ text-transform: uppercase;  }
.green{ background: #27ae60; border: none; }
a.green, a.red{ color: #fff; font: 14px texgy-bold;}
a.green:hover, a.green:focus{ background: #1a8748; color: #fff;}

.red{ background: #e74c3c; border: none; }
a.red:hover{ background: #cf4436; color: #fff; }
.pager li > a, .pager li > span{ color: #e74c3c; }
.container{  }
input[type="radio"], input[type="checkbox"]{ margin: 0 0 3px; }

@media (max-width: 767px) {

/* Webform */
input.form-text, input.email, textarea.form-textarea{ width: 100%}  
  
}
 
@media (min-width: 992px) {
  /* Columnise node */
  .field-name-body .column img{ width: 100%!important; height: auto!important; max-width:100%;}
 
  /* Footer Menu */
  .menu-block-14 ul li.col-md-2{ width: 19%; }
  
  /* Company Group */
  .company-group{ padding-left: 0; padding-right: 0;}  
  
  /* Addthis */
  #block-block-21.addthis { position: relative; top: -40px; z-index: -1;}
  
  /* Search */
  .search .block-inner{ float: right; }
  
  /* Content Middle */
  .content-middle h3{ line-height: 22px; min-height: 104px;}
}

@media (min-width: 1200px){
  
  /* Search */
  .search { position: relative; left: 51px;}
  
  /* Programmes node - Right column */
  .node-type-programmes .access-link a span{ font-size: 16px; line-height: 14px; }
  
  /* ABout Us node page */
  .page-node-39 .node-inner{ padding: 351px 710px 27px 53px; }  

   /* Content Middle */
  .content-middle h3{ min-height: 77px;}
  
}

@media (max-width: 1024px){
 
 
 /*** Banner - inner page ***/

 .not-front .banner section{ width: auto; height: auto; position: static; }
 .not-front .banner section .block-inner{ width: auto; position: static; margin-left: auto; 	}
 
  /* News Clipping */
  .page-news-clippings .pTitle{ min-height: 150px; }
  
 
}

@media all and (max-width: 1200px) and (min-width: 992px){
  /*** Content Top ***/
 .content-top .item-row .inner .col-sm-9{ width: 74%; }
 .content-top .col-blk.last .item-row{ font-size: 14px; }
 
 /*** Content Middle Top  ***/
 .recommender .block-title{ font-size: 16px; }
 .recommender select{ width: 249px; }
 .recommender .views-exposed-form .views-exposed-widget .form-submit{ padding: 5px 14px; }
 
 /*** Milestone node page ***/
 .milestone.even{ margin-right: 47.3%; }
 .milestone.odd{ margin-left: 47.3%; }
 
 
 /*** Content Middle Top ***/
 .content-middle .box .block-inner{ position: relative; min-height: 310px; }
 .content-middle .view-footer{ position: absolute; right: 0; bottom: 0; }
 .content-middle #block-block-71 iframe{ height: 143px !important;}   
 
}

@media (max-width: 1199px) {
 img{ width: auto\9; height: auto !important; max-width: 100%; }
  
 /* Navigation */
   .navigation .content > ul > li > a{ padding: 11px 19px;   }

   .sImg{ text-align: center; }
   
 /* Quick Tabs */
 .quicktabs-wrapper > .item-list ul li a{ padding: 25px 17px; }

 /*** Content Bottom 2 ***/
 .content-bottom2 .industry .block-inner img, .content-bottom2 .academic .block-inner img{ width: 100% !important; height: auto!important; max-width: 100%;}   

  /* ABout Us node page */
 .page-node-39 .node-inner{ padding: 351px 500px 27px 53px }
 
 .content-middle #block-block-71 iframe{ width: 100%; height: auto; max-width: 100%;}
   
}

@media all and (max-width: 992px) and (min-width: 768px){
 /*** Milestone node page ***/
 .milestone.even{ margin-right: 46.4%; }
 .milestone.odd{ margin-left: 46.4%; }
  
}

/* Ipad Portrait and below */
@media (max-width: 991px) { 	 	
  /* Header Right */
  .hd-right{ float: right; width: 449px; margin-left: 0;}
  
 /* Navigation */
   .navigation .content > ul > li > a{ padding: 11px 13px; font-size: 12px;  }
   
  /*** Content Bottom ***/
  .content-bottom .easy-access{ border: none; border-top: 1px solid #ec7265; border-bottom: 1px solid #d74c3e;}

  /* Contact Us */
  .page-node-1190 .left-col ul.menu li a{ padding: 10px 2px 10px 38px; background-position: 8px 10px;}
  .page-node-1190 .left-col ul.menu li{ margin-bottom: 2px;}
  .page-node-1190 .left-col ul.menu li a:hover{ background-position: 2px 1px;}
  
 /*Columnize */
 .field-name-body .column{ width: 100% !important; }
 .field-name-body .column img{ float: left; margin-right: 20px; margin-bottom: 10px;}
 
 /* Quick Tabs */
 .quicktabs-wrapper > .item-list ul li a{ padding: 17px 11px; font-size: 12px;}
 
 /* Department node page */
 .node-type-department .quicktabs-tabs li.back-faculty a{ padding: 17px 15px; }

 /* Programmes Node page */
 .node-type-programmes .access-link a{ font: 14px 'texgy-bold';   }
 .node-type-programmes .access-link a span{ font: 19px 'texgy-bold';   } 

 /*** Content Middle ***/
 .content-middle h2{ /*text-align: center;*/ }
 .content-middle h2 a.btn{ float: none; margin-left: 66px;}
 .content-middle #block-block-71 iframe{ height: 300px !important;}  
 
  /* ABout Us node page */
 .page-node-39 .node-inner{ padding: 347px 307px 27px 53px; }   
 
}


@media (min-width: 768px) {
 /*.navigation{ display: block !important; }*/
 .powered-by{ text-align: right;}
 
}

@media (max-width: 768px){
  /* Navigation */
  #block-menu_block-15 { display: block !important;}
   .menu-button {display: block; }
   .navigation{ display: none; }
   .navigation .container{ padding-left: 0; padding-right: 0; }
   .navigation .content > ul{ padding-left: 15px; padding-right: 15px; }  
  
   .navigation .content ul, .navigation ul.links,
   .navigation .content ul li, .navigation ul.links li,
   .navigation .content ul li li, .navigation ul.links li li { float: none !important; width: auto; }
   .navigation .content > ul > li > a{ float: none; border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 1px solid #f3725a; border-bottom: 1px solid #c13122;}
   .navigation .content > ul > li > a:hover{ border-left: 1px solid #c01605!important; border-right: 1px solid transparent; border-top: 1px solid #c13122 !important; border-bottom: 1px solid #f3725a !important;} 
   .navigation .content ul li a, .navigation ul.links li a, .navigation .content ul li span.nolink, .navigation ul.links li span.nolink{ font-size: 12px; }
 
   .sf-menu li:hover ul,
   .sf-menu li.sfHover ul{ position: static; width: auto !important; }
   .sf-menu li:hover ul ul, .sf-menu li.sfHover ul ul{ border-left: 5px solid #c01605; }
}

@media (max-width: 767px) {

 .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td{
  white-space: normal;  }
  
  /* Banner Frame */
  .banner .banner-frame{ display: none;}
  
  /* Header Right */
  .hd-right{ float: none; width: 100%; margin-left: auto;}  
     
  /* Navigation */
   .menu-button {display: block; }
   .navigation{ display: none; }
   .navigation .container{ padding-left: 0; padding-right: 0; }
   .navigation .content > ul{ padding-left: 15px; padding-right: 15px; }  
  
   .navigation .content ul, .navigation ul.links,
   .navigation .content ul li, .navigation ul.links li,
   .navigation .content ul li li, .navigation ul.links li li { float: none !important; width: auto; }
   .navigation .content > ul > li > a{ float: none; border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 1px solid #f3725a; border-bottom: 1px solid #c13122;}
   .navigation .content > ul > li > a:hover{ border-left: 1px solid #c01605!important; border-right: 1px solid transparent; border-top: 1px solid #c13122 !important; border-bottom: 1px solid #f3725a !important;} 
   .navigation .content ul li a, .navigation ul.links li a, .navigation .content ul li span.nolink, .navigation ul.links li span.nolink{ font-size: 12px; }
 
   .sf-menu li:hover ul,
   .sf-menu li.sfHover ul{ position: static; width: auto !important; }
   .sf-menu li:hover ul ul, .sf-menu li.sfHover ul ul{ border-left: 5px solid #c01605; }
      
   
   /* Search */
   .search{ margin-top: 15px; padding-right: 0;}
   .search .custom-search-box{ width: 100%;}
   .search .form-item{ width: 90%;}
   
   /* Social Media */
   .social-media .block-inner{ margin: 15px 0; }
   
   /* Programmes Node page */
   .quicktabs-wrapper .item-list ul li{ float: none;}
   .quicktabs-wrapper > .item-list ul li a{ padding: 6px 20px;}
   
 /* iShare - Sidebar for news and events */

 .iShare .date{
  display: inline-block;
  border-bottom: 0;
  border-right: 1px solid #ddd;
  padding: 0;
  text-align: left;
  width: 30%;
 }

 .iShare .addthis{
  padding-top: 35px; 
  display: inline-block;
  width: 31%; }   
   
 /* Milestone node page */
 #node-38 .field-name-body{background-position: 23px top; }
  .milestone h3{background-position: left top;}
  .milestone h3:hover{background-image: url(../images/milestone-flag2.png);} 

  .milestone.even,
  .milestone.odd{  margin: 0; text-align: left; }
  .milestone.even h3,
  .milestone.odd h3,
  .milestone.even .inner,
  .milestone.odd .inner{ padding: 0 27px 10px 58px; }

  /* Programmes Node page */
  .node-type-programmes .access-link ul li{ float: none; }
  .node-type-programmes .access-link .btn-default{border-color: #ee8277}

  /* News Clipping */
  .page-news-clippings .pTitle{ min-height: initial;}
 
  /* Video Node page */
  .node-type-video-gallery iframe{ width: 100%; }
  
  /* ABout Us node page */
  .page-node-39 .node-inner{ padding: 0; background: none; min-height: inherit; }    
   
}

@media (min-width: 481px) {

 /* Header secondary Links */
 .secondary-links ul.menu{ text-align: right;}
  
 /* Header - Social Media */
 .social-media p{ text-align: right; }  
  
}

@media (max-width: 480px) {

 /*.banner{ display: none; }  */
  
 /* Masonry Listing */
 .mList .item-column{ width: 100% !important; position: relative;}
 
 /* Search */
 .search .form-item{ width: 77%;}
 
 /* Recommender */
 .recommender select{ width: 100%; }
   
 /* Programmes Node page - Video views block */
 .content-top2 #block-views-programmes-block_12 .content iframe{ width: 100%; }   
 
 /* Programmes node page */
 .node-type-programmes .year-study .desc,
 .node-type-programmes .intake .desc{ margin-top: 0; text-align: center;  }
 
 /* Common for School Faculty & Department */
 .iIntro .block-inner{ margin-bottom: 20px; } 
 
 /* Course Recommendder Search Page */
 .page-course-recommender .cRe select{ font-size: 12px; width: 100%; max-width: 100%;}

 
 .sImg,
 .sImg a{ width: 100% !important;}
 
 /* Banner */ 
 /*.banner{ display: none; }*/
 
 /* Subscription Newsletter Block */
 .af-textWrap{ width: 100%; }


   /* Video Node page */
  .node-type-video-gallery iframe{ width: 100%; height: auto; }
  
 /*** Content Middle ***/
 .content-middle h2 a.btn{ margin-left: auto;}  
 .content-bottom2 .block-inner .btn.right-bottom{ bottom: 0; top: auto; }
 .content-middle #block-block-71 iframe{ height: 213px !important;}
  
 /* Content Top frontpage */ 
 .front .content-top .iDate{ margin-right: 14px; float: left;}
 
 /* Feedback and enquiry form */
 .page-node-1643 .form-item select,
 .page-node-1643 .form-item textarea,
 .page-node-1643 .form-item input[type="text"],
 .page-node-1643 .form-item input[type="email"]{ width: 100% !important; }
 
 
 
}


@media (max-width: 320px) {

 /* Content Top frontpage */ 
 .front .content-top .iDate{ margin-right: 0; float: none;}

}

