@charset "utf-8";
/* CSS Document */



 @media only screen and (max-width:1199px) {
    .container {
         width: 1024px !important;
         margin: 0 auto;
    }
	.menu_sec ul li a{
		font-size: 16px;
		padding: 15px 50px;
	}
	
	.flag_sec{
		min-height: 176px;
	}
	
	.hp_top_section .sec_title {
		margin-top: 50px;
	}
	
	.event_img img {
		width: 100%;
	}
	
	.blur_circle, .blur_circle2 {
    min-height: 248px;
}
	
}



 @media screen and (max-width: 1024px) {
    .container {
         width: 980px !important;
         margin: 0 auto;
    }
	.menu_sec ul li a {
		font-size: 15px;
		padding: 15px 49px;
	}
	
	.blur_circle, .blur_circle2 {
		min-height: 208px;
	}
		
}

 @media screen and (max-width: 980px) {
    .container {
         width: 700px !important;
         margin: 0 auto;
    }
	.menu_sec ul li a {
		font-size: 14px;
		padding: 15px 24px;
	}
	.flag_sec {
		min-height: 123px;
	}
	
	.sec_title h2, .hp_text_block h2{
		font-size: 24px;
	}
	
	.hp_text_block span, .box_sec h3{
		font-size: 16px;
	}
	
	.hp_text_sec h4{
		font-size:15px;
	}
	
	.hp_text_sec p br{
		display:none;
	}
	
	.hp_text_block p, .hp_text_sec p, .hp_text_sec a{
		font-size: 14px;
	}
	
	.hp_text_block a{
		font-size:15px;
	}
	
	.blur_circle, .blur_circle2 {
		min-height: 152px;
	}
	
}
 @media screen and (max-width: 767px) {
    .container {
         width: 480px !important;
         margin: 0 auto;
    }
	
	.flag_sec {
		min-height: 83px;
	}
	
	.menu_sec{
		display:none;
	}
	
	.hp_new_block{
		text-align:center;
		margin-bottom:35px;
	}
	
	.hp_text_block{
		text-align:center;
	}
	
	.event_text h4 br{
		display:none;
	}
	
	.hp_text_block{
		border-right:transparent;
	}
	
	.sponsors_logo{
		width:40%;
		margin:0 auto;
	}
	.box_sec.box_sec2 {
		margin: 35px 0;
	}
	
	.ft_logo{
		text-align:left;
	}
	
	.ft_menu, .ft_ss_icon{
		margin:40px 0;
	}
	
	.ft_menu h4, .ft_ss_icon h4{
		font-size:16px;
	}
	
	.ft_menu ul li a, .ft_ss_icon ul li a{
		font-size:15px;
	}
	
	.copy_right p, .copy_right p a{
		font-size:14px;
	}
	
	.blur_circle, .blur_circle2 {
		min-height: 100px;
	}
	
	/*responsive menu*/
     .mob_header {
         display: block;
    }
     .col-lg-3.col-md-3.col-sm-12.col-xm-12.logo_sec_info {
         display: inline-block;
    }
     .logo_sec img {
        
         margin-bottom: 0px;
    }
     .menu_btn_open {
        float: right;
		margin-top: 0;
		margin-right: 0;
		position: relative;
		top: 0px;
		z-index: +1;
		right: 0px;
    }
     .menu_open {
         font-size: 40px !important;
         color: #bf1e2e;
         cursor: pointer;
    }
     .menu_btn_close {
         float: right;
         margin-right:20px;
         margin-top: 8px;
    }
     .fa.fa-times.menu_close {
         font-size: 21px;
         color: #ffffff;
         cursor: pointer;
    }
     .topnav.mob_menu.active{
         right: 0%;
         top: 0px;
         -webkit-transition: all 1s ease-in-out;
         -moz-transition: all 1s ease-in-out;
         -o-transition: all 1s ease-in-out;
         transition: all 1s ease-in-out;
    }
     .site_hp.active {
         overflow-y: hidden;
    }
     .mob_menu {
         position: fixed;
         right: -100%;
         top: 0px;
         background-color: #bf1e2e;
         width: 402px;
         z-index: +999;
         height: auto;
         display: block;
    }
     .mob_menu ul {
         width: 100%;
    }
     .mob_menu li {
         padding: 10px 24px;
         border-bottom: 1px solid #ffffff8f;
         list-style: none;
    }
     .mob_menu a {
         color: #ffffff;
		 display: block;
         font-size: 16px;
         text-align: left;
    }
    
     .mob_menu li.active a {
         color: #ffffff;
         font-weight: 600;
    }
     .mob_menu {
         width: 100%;
         height: 100%;
    }
	.mob_menu a:hover {
		color: #fff;
	}
	
	.mod_logo_section{
		display:block;
	}
	.logo_section{
		display:none;
		    margin-top: 15px;
	}
	.mod_logo_section img {
		width: 100%;
		height: auto;
	}
    /*responsive menu*/
	
	
	
	
}
 @media only screen and (max-width: 480px) {
    .container {
         width: 90% !important;
         margin: 0 auto;
         max-width:90% 
    }
    .flag_sec {
		min-height: 60px;
	}
	
	.logo_sec{
		margin-top: 12px;
	}
	
}



 @media only screen and (max-width: 360px) {
    .container {
         width: 90% !important;
         margin: 0 auto;
         max-width:90% 
    }
	
	.blur_circle, .blur_circle2 {
		min-height: 80px;
	}
	
	
}