/* =============================================
================================================
Media queries for responsive design
================================================
================================================ */

@media (max-width:1200px){
    
    .logo a {
        
        display:block;
        padding:5px;
        background:#fff;
    }
}

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

}

@media (min-width: 1200px){
	.navik-menu > ul > li > a {
   		line-height: 70px;
	}
}

@media (min-width: 480px) {
	.icon-list-wrapper {
		display: table-cell;
		width: 100%;
		text-align: inherit;
	}
	.icon-list-wrapper .icon-list-icon,
	.icon-list-wrapper .icon-list-details {
		display: table-cell;
		vertical-align: top;
	}
	.icon-list-wrapper .icon-list-icon {
		width: 80px;
		margin: 0;
	}
	.icon-list-wrapper .icon-list-details {
		padding: 0 0 0 20px;
	}
}

@media (min-width: 768px) {
	/*.hero-banner {
		min-height: 700px;
	}*/
	.banner-title {
		font-size: 28px;
		margin-bottom: 40px;
	}
	.banner-subtitle {
		font-size: 28px;
		margin-bottom: -12px;
		padding-top: 15%;
	}
	.section-next-update .section-title {
		font-size: 60px;
	}
	.next-update-call-action {
		font-size: 30px;
		letter-spacing: 1px;
		margin-bottom: 4px;
	}
	/*
	.section-next-update .divider {
		margin-bottom: 75px;
	}
	*/
	.next-update-img {
		margin-bottom: 10px;
	}
	.hero-banner-main {
		padding: 60px 0 100px;
	}
	.section-whatsnew {
		padding: 70px 0;
	}
	.whatsnew-title {
		padding: 60px 0 0 50px;
	}
	.section-whatsnew .section-title {
		font-size: 60px;
	}
	.whatsnew-version {
		font-size: 180px;
		top: -20px;
	}
	.whatsnew-list {
		padding: 0 30px 0 40px;
		margin: 50px 0 0;
	}
	.whatsnew-list li {
		padding: 0 30px 0 40px;
	}
}

@media (min-width: 1200px) {
	.banner-offset-top .banner-subtitle {
		margin-top: 70px;
	}
	.landing-page .navik-menu > ul > li:hover > a {
		color: rgba(255,255,255,0.8) !important;
	}
	.landing-page .sticky .navik-menu > ul > li:hover > a {
		color: rgba(33,33,33,0.8) !important;
	}
	.hero-banner-main {
		padding: 50px 0 40px;
	}
	.hero-banner-main .hero-banner-inside {
		display: table;
		width: 100%;
		text-align: left;
	}
	.hero-banner-main .button {
		text-align: center;
	}
	.hero-main-img {
		display: table-cell;
		left: 0;
		margin-bottom: 0;
		width: 60%;
	}
	.hero-main-info {
		display: table-cell;
		vertical-align: bottom;
		width: 40%;
		padding: 0 7.5% 100px 90px;
	}
	.hero-banner-main .banner-title {
		line-height: 1.1em;
		margin-bottom: 45px;
	}
	.hero-banner-main .banner-subtitle {
		margin-bottom: -2px;
	}
	.hero-main-img-inner {
		margin-top: -20px;
		margin-left: -50%;
	}
	.version-mobile {
		display: none;
	}
	.version-desktop {
		display: inline;
		position: relative;
		top: -7px;
		left: 13px;
	}
	.whatsnew-version {
		left: -20px;
	}
	.whatsnew-mockup-col {
		position: relative;
	}
	.whatsnew-mockup {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 960px;
	}
	.section-whatsnew:after {
		left: 12%;
		border-bottom: 43vw solid #80d4f9;
		border-left: 100vw solid transparent;
	}
}

@media (min-width: 1400px) {
	.hero-main-img-inner {
		margin-top: 0px;
		margin-left: -30%;
	}
	.whatsnew-mockup {
		left: 40px;
	}
}

@media (min-width: 1600px) {
	.hero-main-img-inner {
		margin-left: -20%;
	}
	.whatsnew-mockup {
		left: 65px;
	}
	.section-whatsnew:after {
		left: 18%;
		border-bottom: 40vw solid #80d4f9;
	}
}

@media (min-width: 1800px) {
	.hero-main-img-inner {
		margin-left: -10%;
	}
	.section-whatsnew:after {
		border-bottom: 35vw solid #80d4f9;
	}
}

@media screen and (max-width: 480px)
{
	.videos-section
	{
		max-width: 100% !important;
	}
	.inner-title h2
	{
		padding: 50px 0px ;
	}
	.w-100 {
    height: 250px !important;
}
}
@media screen and (max-width: 800px)
{
	.videos-section
	{
		max-width: 48%;
		margin: 1%;
	}
	.col, .col-1, .col-10, .col-11, 
	.col-12, .col-2, .col-3, .col-4, .col-5, .col-6, 
	.col-7, .col-8, .col-9, .col-auto, .col-lg, 
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, 
	.col-lg-2, .col-lg-3, 
	.col-lg-4, .col-lg-5, .col-lg-6, 
	.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, 
	.col-md, .col-md-1, .col-md-10, 
	.col-md-11, .col-md-12, .col-md-2, .col-md-3, 
	.col-md-4, .col-md-5, .col-md-6, 
	.col-md-7, .col-md-8, .col-md-9, .col-md-auto, 
	.col-sm, .col-sm-1, .col-sm-10, 
	.col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, 
	.col-sm-4, .col-sm-5, .col-sm-6, 
	.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, 
	.col-xl, .col-xl-1, .col-xl-10, 
	.col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, 
	.col-xl-4, .col-xl-5, .col-xl-6, 
	.col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto 
	{
	    padding-right: 5px !important;
/*	    padding-left: 0px !important;*/
	}
	.w-100 
	{
	    height: 250px !important;
	}
	.col-sm-4.events-shortcut 
	{
	    margin-bottom: 25px;
	}
	.upcoming-program h1 
	{
	    font-size: 20px;
	}
	
	.achievement h1, .our_feature h1 
	{
	    font-size: 20px;
	    padding-bottom: 0px;
	}
	 
	.success-counter 
	{
	    max-width: 100% !important;
	    margin-left: 15px !important;
	}
	.wish-message h1 
	{
	    font-size: 20px;
	}
	 
	.home-image-gallery h1 
	{
    	font-size: 20px;
	}
	.home-image-gallery .col-lg-3 
	{
    	margin-left: 15px !important;
    	margin-bottom: 10px;
	}
	 .sponsership-page img, .sponsership-page p
	{
    	padding-left: 0px;
	}
	.style-one, .home-about-image-img
	{
		margin-left: 0px ;
	}
	.video-gallery .row
	{
		margin-left: 0px ;
	}
	 
}
@media screen and (max-width: 1199px )
{
	 
	.logo-of-festival-responsive 
	{
    	display: block;
	}
	.special-bar, .special-bar-1
	{
		display: none;
	}
	.logos
	{
		display: none;
	}

	.location-text
	{
    	padding: 10px 9px 10px;
	}

	.header-logo{
		display: none;
	}
}