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

@media only screen and (max-width: 1220px) {
    body {
        overflow-x: hidden;
    }
}

@media (min-width: 992px) {
    .container {
        width: 880px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1050px;
    }
}

@media (min-width: 1250px) {
    .container {
        width: 1170px;
    }
}

@media only screen and (max-width: 1180px) {
	.navbar-form {
		width: 36%;
	}
}

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

@media only screen and (max-width: 850px) {
	.navbar-form {
		width: 25%;
	}
	.navbar-default .navbar-nav>li>a {
		padding: 15px 22px;
	}
	.event4carousel .owl-item {
		height: auto;
		padding: 5px;
	}
	.event4carousel .owl-item .image-box {
		height: auto;
	}
	.footer-content {
		min-height: 200px;
	}
}

@media only screen and (max-width: 767px) {
    body {
        overflow-x: hidden;
    }
    .circle {
        display: none;
    }
    h1.logo {
        float: none !important;
    }
    h1.logo a {
        display: block;
    }
    h1.logo a img {
        margin: 0 auto;
    }
    .navbar-nav {
        margin: 0;
    }
    .navbar-default .pull-right {
        float: none !important;
    }
    .nav>li {
        display: inline-block;
    }
    .navbar-default .navbar-nav>li>a {
		padding: 13px 27px;
		font-size: 15px;
		border-bottom: 1px solid #236382;
	}
    .btn {
        font-size: 1.2rem;
        padding: 6px 14px;
        margin-bottom: 10px;
    }
    h4 {
        font-size: 1.4rem;
    }
    h2 {
        font: bold 2rem 'Roboto Slab', serif;
    }
    .mb50 {
        margin-bottom: 20px;
    }
    .font50 {
        font-size: 3rem;
    }
    .font25 {
        font-size: 1.8rem;
	}
	.navbar-collapse {
		padding-right: 0;
		padding-left: 0;
	}
	.nav>li {
		display: block;
	}
	.ads-carousel .owl-item img {
		width: 100%;
		height: auto;
	}
	.about-event img {
		margin-bottom: 25px;
	}
	
}

@media only screen and (max-width: 600px) {
	.navbar-form {
		width: 50% !important;
	}
	.footer-content {
		min-height: inherit;
		margin-bottom: 10px;
	}
	
}

@media only screen and (max-width: 480px) {
    .navbar-form {
        width: 84% !important;
	}
	.event-list ul li a {
		font-size: 12px;
	}
	
	.image-box-body .title a {
		font-size: 12px;
	}
	
}

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