@media screen and (min-width:996px) {
	
	

}

@media screen and (max-width:995px) {
	
	#lp-npc2018 h1,
	#lp-npc2018 .title {
		font-size: 36px;
		letter-spacing: 9px;
		line-height: 48px;
	}
	#lp-npc2018 h2 {
		font-size: 30px;
		letter-spacing: 6px;
		line-height: 40px;
	}
	/*---------- NAV ----------*/
	#lp-npc2018 .menu-wrapper {
		background: #1b1b1b;
		height: auto;
	}
	#lp-npc2018 nav .v_home {
		display: block;
	}
	#lp-npc2018 button.v_btnMenu {
    display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 44px;
		height: 44px;
		color: rgba(255,255,255,1);
		font-size: 30px;
	}
	#lp-npc2018 button.v_btnMenu i {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		-webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
	}
	#lp-npc2018 .v_opened button.v_btnMenu i {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
	#lp-npc2018 [class^="v_btnRound"] span {
    position: absolute;
    height: 0;
    width: 0;
    overflow: hidden;
	}
	#lp-npc2018 nav .v_menu {
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    display: table;
    position: absolute;
    width: 100vw;
    height: 0;
    overflow: hidden;
    background: #1b1b1b;
    top: 44px;
    left: 0;
    padding-bottom: 88px;
	}
	#lp-npc2018 nav .v_menu .v_menuCenter {
    display: table-cell;
    vertical-align: middle;
		text-align: center;
	}
	#lp-npc2018 nav .v_menu ul {
    display: table;
    width: 100%;
	}
	#lp-npc2018 nav .v_menu li {
    display: table-row;
    width: 100%;
    height: auto;
    margin: 0;
	}
	#lp-npc2018 nav .v_menu li:after {
    content: "";
    width: 3em;
    height: .1em;
    background: #fff;
    position: absolute;
    left: 50%;
    opacity: .5;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}
	#lp-npc2018 nav .v_menu li a:hover::after, 
	#lp-npc2018 nav .v_menu li.active a::after {
		display: none;
	}
	#lp-npc2018 nav.v_opened {
    background: #1b1b1b;
	}
	#lp-npc2018 nav.v_opened .v_btnMenu + .v_menu {
    opacity: 1;
    visibility: visible;
    height: calc(100vh - 44px*2);
	}
	/*---------- PARALLAX ----------*/
	#lp-npc2018 .parallax {
		background-attachment: scroll;
		background-size: auto;
	}
	/*---------- APPROACH ----------*/
	
	
	/*---------- OUR PLAN ----------*/
	#lp-npc2018 .our-plan .our-plan-item {
		width: 50%;
	}
	#lp-npc2018 .our-plan .our-plan-item.first {
		display: table-caption;
		width: 100%;
	}
}

@media screen and (max-width:767px) {
	#lp-npc2018 {
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	#lp-npc2018 h1,
	#lp-npc2018 .title {
		font-size: 36px;
		letter-spacing: 9px;
		line-height: 48px;
	}
	#lp-npc2018 h2 {
		font-size: 30px;
		letter-spacing: 6px;
		line-height: 40px;
	}
	
	#lp-npc2018 .lead blockquote p {
		font-size: 30px;
		letter-spacing: 6px;
		line-height: 40px;
	}
	#lp-npc2018 section ul.list-unstyled {
		margin-top: 20px;
	}
	/*----- BUTTONS -----*/
	#lp-npc2018 .btn {
		padding: 8px 12px;
		display: block;
	}
	
	/*---------- BREADCRUMB ----------*/
	#lp-npc2018 .breadcrumb {
		flex-direction: column;
	}
	#lp-npc2018 .breadcrumb > li a {
		padding-bottom: 8px;
		margin-bottom: 8px;
	}
	/*---------- SLIDER ----------*/
	/*---------- INTRO ----------*/
	#lp-npc2018 .intro {
    padding: 40px 0;
	}
	
	/*---------- APPROACH ----------*/
	#lp-npc2018 .approach {
		padding: 40px 0 0;
	}
	#lp-npc2018 .approach .approach-items .approach-item,
	#lp-npc2018 .approach .approach-items .approach-item.first {
    display: table;
		width: 100%;
	}
	/*---------- PATNERS ----------*/
	#lp-npc2018 .partners {
		padding: 40px 0;
	}
	/*---------- QUESTIONS ----------*/
	#lp-npc2018 .questions {
		padding: 40px 0;
	}
	#lp-npc2018 .questions .question-item + .question-item {
		margin-top: 40px;
	}
	/*---------- SECTION STORY ----------*/
	#lp-npc2018 .section-story {
    padding: 40px 0;
	}
	#lp-npc2018 .section-story ul.list-inline li:after {
		right: -10px;
	}
	#lp-npc2018 .section-story ul.list-inline li figure {
		min-height: 185px;
	}
	#lp-npc2018 .section-story img {
		margin-bottom: 24px;
	}
	/*---------- PARALLAX ----------*/
	#lp-npc2018 .parallax {
		display: none;
	}
	/*---------- OUR PLAN ----------*/
	#lp-npc2018 .our-plan .our-plan-item,
	#lp-npc2018 .our-plan .our-plan-item.first {
		display: table;
		width: 100%;
		padding: 10% 3%;
	}
	/*---------- FACTS ----------*/
	#lp-npc2018 .facts {
		padding: 40px 0;
	}
	/*---------- FAQ ----------*/
	#lp-npc2018 .faq {	
    padding: 40px 0;
	}
}