/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

@media screen and (max-width: 480px) and (min-width: 320px)	{
	.main_navigation, .log_btn, .blog_section:before, .footer_section:before, .backdrop, .abt_section:before {
		display: none;
	}
	
.feedback	{
	position: fixed;
	left: 50%;
	max-width: 90vw;
	width: 90vw;
	transform: translateY(100%) translateX(-50%);
}

.feedback.open	{
	transform: translateY(-4em) translateX(-50%);
}
	
	
/*****************Header section**********************/
.main_header	{
	position: fixed;
	width: 100vw;
	padding: 0 2em;
	height: 5em;
}
    
.logo	{
	height: 5em;
	width: 10em;
	margin-top: 0em;
}
	
.main_header.open	{
	background: white;
    -webkit-box-shadow: 0 0px 0 1px rgba(0,0,0,.1);
            box-shadow: 0 0px 0 1px rgba(0,0,0,.1);
}	
	
.main_header.sticky	{
	padding: 0 2em;
}
	
.main_header.open .top_bar, .main_header.open .mid_bar, .main_header.open .bottom_bar	{
	background: var(--dark-green);
}
	
.social_header,.start_btn	{
	display: none;
}
	
.menu_icon	{
	top:.5em;
	display: block;
}

.mgmenu_left    {
    width: 100%;
    height: auto;
    position: relative;
    padding:8em 2em 10em 2em;
} 
	
.mega_navigation li a    {
    font-size: 2em;
    font-weight: 500;
}
	
.mega_menu_section    {
    -webkit-box-pack: none;
        -ms-flex-pack: none;
            justify-content: none;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 0;
    -webkit-transform: translateY(2em);
        -ms-transform: translateY(2em);
            transform: translateY(2em);
}
	
.mega_menu_content:nth-child(2)   {
    margin-bottom: -8em;
    float: left;
    clear: both;
}	
	
.mega_menu_content    {
    display: block;
}
.mega_footer_menu    {
	margin-bottom: 1em;
}
	
.mgmenu_right    {
    width: 100%;
    height: 40vh;
    position: relative;
    padding: 2em;
	float: left;
}
	
.mgmenu_right .intro_content    {
    position: relative;
    bottom: auto;
	top: 0;
	float: left;
    width: 100%;
	padding-bottom: 5em;
}	
/*************banner Section********************/

.banner    {
    height: 90vh;
}    
 .banner_content	{
	width: 100vw;
	padding:0 2em;
	 left: 0;
}

.banner_content h1	{
	font-size: 8vw;
	letter-spacing: 2px;
}

/********Project container*******/	
.project_container	{
	padding: 3em 2em;
	margin-top: 0;
}
	
.full_header_control	{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
	float: left;
	width: 100%;
}
	
.full_header_control .section_header	{
	width: 100%;
}

.about_brief	{
	margin-top: -4em;
	width: 100%;
	display: block;
	grid-template-columns: 100%;
}
	
.about_brief .header_brief, .die_side h1	{
	font-size: 20px;
}
	
.about_side	{
	padding: 0;
	position: relative;
}

	
	
/****Die container*****/
.die_container	{
	padding: 0em 0 0 0;
}
	
.die_container .die_side{
	padding: 2em;
		
}
	
.die_container .about_side{
	margin-top: 5em;
}	

.box-img {
    height: 70vw;
}
	
.overlay_img	{
	height: 35vw;
	width: 50vw;
	left: auto;
	right: 0;
	transform: translate(-2em, 5em);
}
	
.project_body	{
	padding-top: 5em;
}
	
.project_control	{
	width: 100%;
	text-align: left;
	display: flex;
	justify-content: flex-start;
	margin-top: 2em;
}
	
.project_control .prev, .project_control .next	{
	margin-right: 1em;
	margin-left: 0;
}
	
.project_slider	{
	margin-top: 4em;
	max-height:32em;
}
	
.project_slider .slick-slide	{
	padding: 0 .5em;
}	
	
.project_card_img	{
	height: 15em;
}
	
.why_list	{
	display: grid;
	grid-template-columns: auto;
	margin-top: 4em;
/*	text-align: justify;*/
}
	
.why_list img	{
	width: 4em;
	height: 4em;
}	
	
.why_container p	{
	width: 100%;
}
	
.why_img_drop img	{
	height: 150%
}	
.stats_container	{
	display: block;
	justify-content: space-between;
	margin-top: 2em;
}
	
.stat	{
	margin-bottom: 2em;
}
	
.stat_header	{
	font-size: 2.5em;
}
	
.why_grid	{
	margin-top: 0;
	display: block;
	justify-content: space-between;
}
	
.register_section	{
	padding: 0;
}
	
.register_section:before	{
	display: none;
}	
	
.register_content	{
	background: #221414;
	padding: 2em;
	width: 100%;
}
	
	.register_form	{
		padding: 5em 2em;
	}	
	

footer{
	display: block;
	float: left;
	width: 100%;
	padding: 2em;
	text-align: left;
}



	
	
}

@media screen and (max-width: 860px) and (min-width: 481px) 	{
	.main_navigation, .log_btn, .blog_section:before, .footer_section:before, .backdrop, .abt_section:before {
		display: none;
	}
	
.feedback	{
	position: fixed;
	left: 50%;
	max-width: 90vw;
	width: 90vw;
	transform: translateY(100%) translateX(-50%);
}

.feedback.open	{
	transform: translateY(-4em) translateX(-50%);
}
	
	
/*****************Header section**********************/
.main_header	{
	position: fixed;
	width: 100vw;
	padding: 0 2em;
	height: 5em;
}
    
.logo	{
	height: 5em;
	width: 10em;
	margin-top: 0em;
}
	
.main_header.open	{
	background: white;
    -webkit-box-shadow: 0 0px 0 1px rgba(0,0,0,.1);
            box-shadow: 0 0px 0 1px rgba(0,0,0,.1);
}	
	
.main_header.sticky	{
	padding: 0 2em;
}
	
.main_header.open .top_bar, .main_header.open .mid_bar, .main_header.open .bottom_bar	{
	background: var(--dark-green);
}
	
.social_header,.start_btn	{
	display: none;
}
	
.menu_icon	{
	top:.5em;
	display: block;
}

.mgmenu_left    {
    width: 100%;
    height: auto;
    position: relative;
    padding:8em 2em 10em 2em;
} 
	
.mega_navigation li a    {
    font-size: 2em;
    font-weight: 500;
}
	
.mega_menu_section    {
    -webkit-box-pack: none;
        -ms-flex-pack: none;
            justify-content: none;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 0;
    -webkit-transform: translateY(2em);
        -ms-transform: translateY(2em);
            transform: translateY(2em);
}
	
.mega_menu_content:nth-child(2)   {
    margin-bottom: -8em;
    float: left;
    clear: both;
}	
	
.mega_menu_content    {
    display: block;
}
.mega_footer_menu    {
	margin-bottom: 1em;
}
	
.mgmenu_right    {
    width: 100%;
    height: 40vh;
    position: relative;
    padding: 2em;
	float: left;
}
	
.mgmenu_right .intro_content    {
    position: relative;
    bottom: auto;
	top: 0;
	float: left;
    width: 100%;
	padding-bottom: 5em;
}	
/*************banner Section********************/

.banner    {
    height: 90vh;
}    
 .banner_content	{
	width: 100vw;
	padding:0 2em;
	 left: 0;
}

.banner_content h1	{
	font-size: 3em;
	letter-spacing: 2px;
}

/********Project container*******/	
.project_container	{
	padding: 3em 2em;
	margin-top: 0;
}
	
.full_header_control	{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
	float: left;
	width: 100%;
}
	
.full_header_control .section_header	{
	width: 100%;
}

.about_brief	{
	margin-top: -4em;
	width: 100%;
	display: block;
	grid-template-columns: 100%;
}
	
.about_brief .header_brief, .die_side h1	{
	font-size: 20px;
}
	
.about_side	{
	padding: 0;
	position: relative;
}

	
	
/****Die container*****/
.die_container	{
	padding: 0em 0 0 0;
}
	
.die_container .die_side{
	padding: 2em;
		
}
	
.die_container .about_side{
	margin-top: 5em;
}	

.box-img {
    height: 70vw;
}
	
.overlay_img	{
	height: 35vw;
	width: 50vw;
	left: auto;
	right: 0;
	transform: translate(-2em, 5em);
}
	
.project_body	{
	padding-top: 5em;
}
	
.project_control	{
	width: 100%;
	text-align: left;
	display: flex;
	justify-content: flex-start;
	margin-top: 2em;
}
	
.project_control .prev, .project_control .next	{
	margin-right: 1em;
	margin-left: 0;
}
	
.project_slider	{
	margin-top: 4em;
	max-height:32em;
}
	
.project_slider .slick-slide	{
	padding: 0 .5em;
}	
	
.project_card_img	{
	height: 15em;
}
	
.why_list	{
	display: grid;
	grid-template-columns: auto;
	margin-top: 4em;
/*	text-align: justify;*/
}
	
.why_list img	{
	width: 4em;
	height: 4em;
}	
	
.why_container p	{
	width: 100%;
}
	
.why_img_drop img	{
	height: 150%
}	
.stats_container	{
	display: block;
	justify-content: space-between;
	margin-top: 2em;
}
	
.stat	{
	margin-bottom: 2em;
}
	
.stat_header	{
	font-size: 2.5em;
}
	
.why_grid	{
	margin-top: 0;
	display: block;
	justify-content: space-between;
}
	
.register_section	{
	padding: 0;
}
	
.register_section:before	{
	display: none;
}	
	
.register_content	{
	background: #221414;
	padding: 2em;
	width: 100%;
}
	
	.register_form	{
		padding: 5em 2em;
	}	
	

footer{
	display: block;
	float: left;
	width: 100%;
	padding: 2em;
	text-align: left;
}
	
	
}

@media screen and (max-width: 1440px) and (min-width: 1280px) 	{
	
  	
}

@media screen and (max-width: 1440px) and (min-width: 1290px) 	{

	
}