﻿
@media (max-width: 1024px) {
.headerBottom .container, .headerBottom .row, .headerBottom .col-md-5, .headerBottom .menu, .headerBottom .menuRight, .headerBottom [class*=col] {
	position:relative !important;
}
    header .logo .arrow {
        display: none;
    }
header .logo a img {
	max-height:60px;
}
header .facultyLogo {
	font-size:13px;
	line-height:15px;
}
    header.fixed .logo .miniLogo {
	display:none;
}
header.fixed .logo .bigLogo{
	display:block;
}
    #icoBoxList a {
        margin-bottom: 30px;
    }
    #timeline .timeBox .date strong {
	margin-right:5px;
}
    #timeline .timeBox + .timeBox {
        margin-left: 0;
    }
    #timeline .timeBox.big {
        max-width: 100%;
        min-width: 1px;
    }
    #timeline .timeLineLink {
        margin-left: 0;
        margin-top: 20px;
    }
    footer .footerTitle {
        text-align: center;
    }
    footer .footerList {
        text-align: center;
    }
    footer .footerBox + .footerBox {
        margin-top: 20px;
    }
    footer .footerBox.contactBox {
        max-width: 100%;
    }
    footer .footerList a {
        font-size: 14px;
    }
      footer .footerBox.contactBox li img {
        margin: 0 auto 20px;
        width: 40px;
    }
         
    footer .footerBox.contactBox span {
        font-size: 14px;
    }
    footer .footerBox.contactBox li {
        text-align: center;
    }
    #slider .owl-nav {
        max-width: 90%;
    }
    #slider .owl-theme .owl-nav [class*=owl-] i{
    line-height: 60px;
    font-size: 60px;

    } 
    #slider .owl-theme .owl-dots { 
    max-width: 90%;}
      header .headerBottom .menu .search {
        text-align: center;
        width: 100%;
    }
    header .headerBottom .menu .search img {
        margin-right: 0;
        
    }
 
}
@media screen and (min-device-width: 768px) and (max-device-width: 1200px) { 
 
#timeline .timeBox .timeContent {
	max-width:225px;
}
#timeline .timeBox .timeContent .photo img {
	width:100%;
}

#timeline .timeLineLink strong {
	font-size:24px !important;
}

}

@media (max-width: 768px) { 
.headSearch {
	position:static;
	width:100%;
}
header .headerBottom .menuRight .search {
	width:100%;
	min-width:auto;
}
.headSearch .search.open + .searchInputBox {
	width:100%;
	top:100%;
}
#timeline .timeBox .timeContent .photo img {
	width:100%;
}
#timeline .timeBox{
    display:none
}
#timeline .timeBox:first-child {
    display:block
}
#videos .item a .videoPhoto img {
	height:auto;
}
#timeline .timeBox .timeContent {
	max-width:100%;
}
header .headerTop a {
	font-size:10px;
}
header .logo {
	padding:5px 10px;
}

#slider .sliderNext {
	font-size:60px;
	right:15px;
}
#slider .sliderPrev {
	font-size:60px;
	left:15px;
}

#pageBanner .pageTitle {
	font-size:20px;
	letter-spacing: 0px;
}
#pageBanner .bannerPhoto {
	min-height:100px !important;
}
    .allLink {
        text-align: center;
        display: block;
        margin: 20px 0;
        padding: 10px 0;
        background: #8D133F;
        color: #fff !important;
    }
    .mobileLeftMenu {
	display:block;
	background:#8d133f;
	text-align:center;
	color:#fff !important;
	padding:10px;
	text-decoration:none !important;
	
}
.mobileLeftMenu i {
	margin-right:10px;
}
.mobileLeftMenu + ul {
	display:none;
}
.mobileLeftMenu.open + ul {
	display:block;
}
  .mobileLeftMenu.open .fa-angle-down:before {
	    content: "\f106";
}
.menu_simple {
	margin-bottom:20px;
}
#events .item a .eventTitle {
	font-size:15px;
	padding:5px 20px;
}
.timeline .row:nth-child(odd) {
	text-align:left
}
.timeline .row:nth-child(odd) .toggleLink {
	padding-right:0;
	padding-left:50px;
}
.timeline .row .toggleLink:after {
	left:0;
	right:auto;
}
.timeline a.toggleLink i {
	font-size:16px;
}
.timeline a.toggleLink strong {
	font-size:14px;
}
}
 @media (min-width: 768px) {
#news .newsList a .newsPhoto, #newsAll .newsList a .newsPhoto {
	height:108px;
}
 }

 @media (min-width: 1024px) {
#news .newsList a .newsPhoto, #newsAll .newsList a .newsPhoto {
	height:148px;
}
 }

@media (min-width: 1200px) {
#news .newsList a .newsPhoto, #newsAll .newsList a .newsPhoto {
	height:176px;
}
 }
