/*body {
	background: #fff url("../images/nispach.jpg") no-repeat center top;
}*/

.sec1-video {
    margin: 3.9% auto 0;
    max-width: 830px;
    height: 477px;
    border: 12px solid #fff;
    box-shadow: rgb(0 0 0 / 20%) 0px 0px 30px;
}

.flex-container {
  display: flex;
}

.section1 {
    height: 1158px;
    background: url(../images/nispach_sec1.jpg) no-repeat top center;
}

a.sec1-bottom-arr {
    margin: 240px auto 0;
    right: 14%;
}

.sec1Text {
    font-size: 17px;
    text-align: center;
    margin: 10px auto 0;
    width: 860px;
    letter-spacing: 0.2px;
    color: #fff;
    line-height: 1.4;
}

ul.sec1Ul {
	width: 842px;
    font-size: 25px;
}

ul.sec1Ul li {
    background: url(../images/nispach_sec1ul.png) no-repeat right center;
}

ul.sec1Ul li:first-child {
    width: 620px;
}

ul.sec1Ul li:last-child {
    width: 476px;
    margin-right: 30px;
}

.sec1Text2 {
    margin: 10px auto 0;
    width: 860px;
    letter-spacing: 0.3px;
}

.sec1Text2 strong{ font-weight: 600;}

.sec1Btn {
    margin: 20px auto 0;
}

.section2 {
    height: 708px;
    background: url("../images/nispach_sec2.png") no-repeat top center;
}

/*.sec2Titles {
    margin-top: 268px;
}*/

a.sec2-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #00b0e2;
    width: 340px;
    height: 50px;
    margin: 84px 0 0;
}

a.sec2-btn:hover{
	background-color: #00cbff;
}


.sec2Title {
    color: #fff;
    width: 600px;
    line-height: 1.11;
    letter-spacing: 1.5px;
}

.sec2Sep {
    margin-top: 36px;
}

.sec2Left {
    width: 467px;
    margin-top: 124px;
}

ul.sec2Ul {
    font-size: 16px;
    color: #fff;
    letter-spacing: 0.5px;
    padding-left: 25px;
    line-height: 2;
}

ul.sec2Ul li {
    background: url(../images/about_sec3ul.png) no-repeat right 12px;
    padding-right: 32px;
    margin-bottom: 4px;
}


.section3 {
	height: auto;
    min-height: 880px;
    background: url("../images/nispah/nispah_sec4_new.jpg") no-repeat top center;
}


.sec3Texts {
    margin-top: 220px;
    width: 450px;
    margin-right: 0;
    text-align: justify;
}

.sec3TextsSep{
	height: 1px;
	width: 176px;
	background: rgba(255, 255, 255, 0.33);
	margin-top: 47px;
}

.sec3Texts2 {
    margin-top: 47px;
    margin-right: 0;
}

.section4 {
    min-height: 780px;
    height: auto;
    background: #fff url("../images/nispah/nispah_sec4_3.png") no-repeat center top;
}

.mic-container {
    background: #fff;
    padding: 6% 1% 3%;
    max-width: 885px;
    margin: 6% auto 0;
    border-radius: 30px;
}

.sec4-mic {
    text-align: center;
    margin: 0px auto 0;
}

.sec4-title {
    font-size: 50px;
    font-weight: 300;
    text-align: center;
    color: #142b45;
    margin: 14px auto 0;
}

.sec4-sep {
    height: 9px;
    width: 78px;
    background: #00b0e2;
    margin: 16px auto 0;
}

.sec4-text {
    color: #142b45;
    font-size: 16px;
    text-align: center;
    width: 56%;
    font-weight: 500;
    margin: 34px auto 0;
    line-height: 1.5;
}

.sec4-btn {
    background-color: rgb(0, 176, 226);
    color: #fff;
    width: 323px;
    height: 63px;
    font-size: 16px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 36px 3px 0px 3px;
    padding: 0px 24px;
}

.sec4-btn:hover {
    background-color: #00c7ff;
}

a.sec2-btn-resp{
	display: none;
}


a.sec4-btn.sec4-btn-all {
    margin: 1% auto 0;
    min-width: 425px;
    background: #ffd500 url("../images/btn_arr.png") no-repeat 18% center;
    background-size: 17px;
    color: #202020;
    font-weight: 600;
    padding: 0 11%;
}

a.sec4-btn.sec4-btn-all:hover{
	background-color: rgb(255 193 0);
}

@media (max-width: 1280px) {
	
	ul.sec1Ul li:last-child {
		width: auto;
		margin-right: 0;
		margin-top: 1.5%;
	}
	.sec2Titles {
		margin-top: 6%;
	}
	
	.sec2Title {
    	width: 88%;
	}
	
	.section2 {
		height: auto;
		background: #142b45 url(../images/nispach_sec2.png) no-repeat center bottom;
		padding-bottom: 10%;
	}
	
	.sec4-btn {
		font-size: 15px;
		line-height: 1.15;
		margin: 36px 1px 0px 1px;
		padding: 0px 12px;
	}
	
	a.sec4-btn.sec4-btn-all {
		margin: 0.5% auto 0;
		min-width: 348px;
		background: #ffd500 url("../images/btn_arr.png") no-repeat 10% center;
		background-size: 16px;
		padding: 0 11%;
	}
	
	.sec2Left {
		width: auto;
		margin-top: 5%;
		float: none;
	}
	
	a.sec2-btn{
		display: none;
	}
	
	a.sec2-btn-resp{
		display: flex;
		margin: 5% 0 0;
	}

	.mic-container {
		max-width: 60%;
	}
	
	.sec4-text {
		width: 73%;
		margin: 4% auto 0;
		line-height: 1.8;
	}
	
	.section4 {
		min-height: auto;
		height: auto;
		padding-bottom: 6%;
	}
	
	.section3 {
		height: auto;
		min-height: auto;
		background: url("../images/nispah/nispah_sec4_new.jpg") no-repeat  center bottom;
		padding-bottom: 5%;
	}
	
	h1, .h1-main-title {
		margin: 12% auto 0;
		width: auto;
		line-height: 1.1;
		letter-spacing: 0.0px;
		font-size: 59px;
	}
}

@media (max-width: 1180px) {
	.sec3Texts {
		margin-top: 194px;
		width: 389px;
	}
	.sec3Texts2 {
    	margin-top: 47px;
	}

}

@media (max-width: 1060px) {
	.section1 {
		height: auto;
		/*background: url(../images/nispach_sec1_1060.jpg) no-repeat top center;*/
		background-size: cover;
		padding-bottom: 12%;
	}
	
	h1, .h1-main-title {
		margin: 2% auto 0;
	}
	
	.section3 {
		height: auto;
		background: url(../images/nispach_sec3_1280.jpg) no-repeat left top;
		padding-bottom: 15%;
		background-size: 70%
	}
	
	.sec3Box {
		background: #00b0e2;
		padding: 12% 10%;
		margin-top: 30%;
		width: 75%;
	}
	
	.mic-container {
		max-width: 75%;
	}
	
	.sec3Texts {
		margin-top: 0;
		width: auto;
	}
	.sec3TextsSep {
		margin-top: 8%;
	}
	.sec3Texts2 {
		margin-top:8%;
	}
	ul.sec1Ul {
    	width: 70%;
	}
	.sec1Text {
    	width: auto;
	}
	
	a.sec4-btn.sec4-btn-all {
		margin: 0.5% auto 0;
		min-width: 362px;
		background: #ffd500 url("../images/btn_arr.png") no-repeat 10% center;
		background-size: 16px;
		padding: 0 10%;
	}
}

@media (max-width: 960px) {
	.sec1-video {
		margin: 5% auto 0;
		height: 55.1vw;
		border: 2vw solid #fff;
	}
}

@media (max-width: 740px) {

	.section1 {
		background-position: 57% top;
		padding-bottom: 13%;
	}
	
	ul.sec1Ul {
		font-size: 3.6vw;
	}
	
	ul.sec1Ul li:first-child {
		width: auto;
	}
	
	.section2 {
		padding-bottom: 15%;
		background-position: right bottom;
	}
	
	.sec2Title {
		width: auto;
		font-size: 6.4vw;
	}
	
	.sec2Titles {
		margin-top: 15%;
	}
	
	.section3 {
		padding-bottom: 20%;
		background-size: 80%;
	}
	
	.sec3Box {
		margin-top: 35%;
		width: 90%;
	}
	
	.mic-container {
		max-width: 90%;
	}
	
	h1, .h1-main-title {
		font-size: 7.8vw;
	}
	
	.sec1Text, .sec1Text2 {
		font-size: 16px;
		margin: 2% auto 0;
	}
}


@media (max-width: 620px) {
	.flex-container {
	  display: block;
	}
	.section1 {
		padding-bottom: 16%;
	}
	ul.sec1Ul {
		font-size: 4.2vw;
		width: 80%;
	}
	
	
	
	
	.sec3Box {
		width: 95%;
	}
	.sec1Btn {
		margin: 4% auto 0;
	}
	
	.mic-container {
		max-width: 96%;
	}
	
	.sec4-title {
    	font-size: 40px;
	}
	
	.sec4-mic img{
		width: 18vw;
	}
	
	.sec4-text {
		width: 92%;
		margin: 4% auto 0;
		line-height: 1.8;
	}
	
	.sec4-btn {
		width: 80%;
		height: 50px;
		font-size: 16px;
		margin: 2% auto 0;
	}
	
	a.sec4-btn.sec4-btn-all {
		margin: 2% auto 0;
		background-position: 5% center;
	}
	
	.section4 {
		padding-bottom: 15%;
	}
}

@media (max-width: 480px) {
	.sec4-btn {
		width: 98%;
	}
	a.sec4-btn.sec4-btn-all {
		margin: 2% auto 0;
		background-position: 5% center;
		padding: 0 16%;
		min-width: auto;
	}
	h1 {
		text-align: center;
		font-size: 7.9vw;
		margin: 5% auto 0;
	}
	
	ul.sec1Ul {
		font-size: 4.4vw;
		width: 90%;
	}
	
	ul.sec1Ul li, ul.sec1Ul li:last-child {
		background: url(../images/nispach_sec1ul.png) no-repeat right 9px;
		padding-right: 6%;
	}
	
	ul.sec1Ul li:first-child {
		padding-bottom: 1%;
	}
	
	.sec1Text {
		letter-spacing: 0;
	}
	
	.sec1Text {
		font-size: 15px;
		margin: 3% auto 0;
	}
	
	.sec1-video {
		margin: 8% auto 0;
		height: 52.1vw;
		border: 2vw solid #fff;
	}

	.section1 {
		padding-bottom: 20%;
		/* background: url(../images/nispach_sec1_480.jpg) no-repeat top center; */
		background-size: 405%;
		background-position: 57% bottom;
		background-color: #425367;
	}
	
	.sec1Btn {
    	height: 12vw;
	}
	
	.sec2Titles {
		margin-top: 20%;
		float: none;
		width: auto;
	}
	
	.sec2Sep {
		margin-top: 8%;
	}
	
	.sec2Left {
		margin-top: 8%;
	}
	
	ul.sec2Ul {
		letter-spacing: 0.2px;
		padding-left: 0;
		line-height: 1.4;
	}
	
	ul.sec2Ul li {
		padding-right: 6%;
		margin-bottom: 16px;
	}
	
	.section2 {
    	padding-bottom: 20%;
	}
	.section3 {
		padding-bottom: 25%;
		background-size: contain;
	}
	
	.sec3Box {
		margin-top: 42%;
		width: auto;
	}
	
	.section4 {
		padding-bottom: 25%;
	}
	
	.mic-container {
		max-width: 100%;
		padding: 6% 1% 12%;
	}
	
	.sec3Texts {
		font-size: 17px;
	}
}