@media only screen and (min-width: 320px) and (max-width: 480px){
	.header .top-header{
		padding:3px 0;
	}
	.top-header .content{
		text-align:center;
	}	
	.header .content li{
		padding:2px 0;
	}
	.image-hover img {
		height:120px;
	}
}
@media screen and (max-width:700px){
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:15px;color:#ddd;font-size:12px;font-weight:700; border-bottom: 1px solid #ff7373;border-top: 1px solid #ff7373}
#cssmenu #head-mobile a{ padding:13px 20px; font-size:18px; text-decoration:none; } 
#cssmenu .button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
#cssmenu .button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #333;border-bottom:2px solid #333;content:'';padding-top:5px;}
#cssmenu .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#333;content:''}
#cssmenu .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#333;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#cssmenu .button.menu-opened:before{top:23px;background:#333;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;height:46px;width:46px;cursor:pointer;color:#333;}
#cssmenu .submenu-button.submenu-opened{background:#262626;color:green;}
#cssmenu ul ul .submenu-button{height:34px;width:34px;color:green;}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
#cssmenu > ul > li > a {
	padding:10px 22px;
}
#cssmenu .submenu-button::before{
	top:10px;
}
#cssmenu .submenu-button::after{
	top:13px;
}
#cssmenu .submenu-button{
	height:35px;
}
}

@media (max-width: 991px) {
    .slide-text h1 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .slide-text > p {

        font-size: 18px;
    }
}
@media  (max-width: 768px) {
    .slide-text {
        display:none;
    }
    .slide-text h1 {
        display:none;
    }
    .slide-text > p {
       display:none;
    }
    .control-round .carousel-control{
        display: block;
    }

}
@media  (max-width: 480px) {
	.indicators-line > .carousel-indicators li{
		height:10px;
		width:10px;
	}
	.indicators-line > .carousel-indicators .active:before{
		height:10px;
		width:10px;
	}
	.bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img{
		height:200px;
	}	
	.control-round .carousel-control{
		top:35%;
		height:60px;
		line-height:60px;
		width:25px;
	}
	.control-round .carousel-control.left > span:nth-child(1){
		font-size:24px;
	}
	.control-round .carousel-control.right > span:nth-child(1){
		font-size:24px;
	}
	.slide-text {
        display:none;
    }
    .slide-text h1 {
        display:none;
    }
    .slide-text > p {
        display:none;
    }
    .indicators-line > .carousel-indicators{
        display: block;
    }

}
@media (min-width: 768px) {
		.event-list > li {
			position: relative;
			display: block;
			width: 100%;
			height: 70px;
			padding: 0px;
		}
		.event-list > li > time,
		.event-list > li > img  {
			display: inline-block;
		}
		.event-list > li > time,
		.event-list > li > img {
			width: 120px;
			float: left;
		}
		.event-list > li > .info {
			background-color: rgb(245, 245, 245);
			overflow: hidden;
		}
		.event-list > li > time,
		.event-list > li > img {
			width: 30%;
			height: 70px;
			padding: 0px;
			margin: 0px;
		}
		.event-list > li > .info {
			position: relative;
			height: 70px;
			text-align: left;
			font-size:18px;
		}	
		.event-list > li > .info > .title, 
		.event-list > li > .info > .desc {
			padding: 0px 10px;
		}
		.event-list > li > .info > ul {
			position: absolute;
			left: 0px;
			bottom: 0px;
		}
}
@media only screen and (max-width:990px){.box4{margin-bottom:30px}
}
@media only screen and (max-width:767px){.box4:before{left:-400px}
.box4:hover:before{width:300%}
}