/*---landing-ex1---*/
.landing-ex1 > div { position:relative; padding:0 30px; margin-bottom:30px }
    .landing-ex1 > div img { margin:0 auto; display:block; border-radius:10px; }
    .landing-ex1 > div a { position:absolute; background:#333; text-decoration:none; color:#fff; padding:17px; display:block; width:80%; max-width:350px; margin:0 auto; left:0; right:0; bottom:15px; font-size:20px; border-radius:10px; padding-right:42px; }
        .landing-ex1 > div a:after { content:''; background:url(https://dev.seedtechnologies.com/STEM_Resources/Images/whiteLandingArrow.png); width:16px; height:22px; background-size:cover !important; display:block; position:absolute; top:14px; right:22px; }


/*----Responsive----*/
@media only screen and (max-width: 1679px) {
	.landing-ex1 > div { padding:0 10px; }
	.landing-ex1 > div a { font-size:17px; }
}

@media only screen and (max-width: 1279px) {
	.landing-ex1 > div { width:50%; }
	.landing-ex1 > div a { font-size:16px; }
}

@media only screen and (max-width: 550px) {
	.landing-ex1 > div { width:100%; }
	.landing-ex1 > div a { font-size:15px; }
}





/*---landing-ex2---*/
.landing-ex2 > div { padding:0 15px; }
.landing-ex2 img { margin:0 auto; display:block; border-radius:10px; }
.landing-ex2 h4 { text-align:center; }
.landing-ex2 .btn { margin:0 auto; }





/*---landing-ex3---*/
.landing-ex3 { justify-content:space-around; }
.landing-ex3 > div { position:relative; padding:0; margin-bottom:30px; width:23%; border-bottom:3px solid #000; }
	.landing-ex3 > div:after { content:''; height:0; width:0; left:0; right:0; bottom:-18px; margin:0 auto; border-top:15px solid #000; border-left:15px solid transparent; border-right:15px solid transparent; position:absolute; }
	.landing-ex3 > div > div { position:absolute; bottom:20px; left:20px; }
	.landing-ex3 > div img { margin:0 auto; display:block; width:100%; }
    .landing-ex3 > div a { background:#333; text-decoration:none; color:#fff; padding:17px; display:table; font-size:20px; border-radius:10px; }
	.landing-ex3 > div h4 { font-weight:200; color:#fff; }
	.landing-ex3 > div p { color:#fff; margin-top:10px; margin-bottom:20px; height:80px; }




.landing-ex4 { padding:100px 220px; justify-content:space-between; }
	.landing-ex4 > div { border-radius:12px; border:2px solid #000; padding-right:0; width:31%; }
        .landing-ex4 > div > div { width:100%; position:relative; }
            .landing-ex4 > div > div img { width:100%; border-radius:12px 12px 0 0; }
            .landing-ex4 > div > div h4 { width:100%; background:rgba(0,0,0,0.7); color:#fff; font-size:25px; position:absolute; bottom:-16px; padding:15px 10px; text-align:center; }
        .landing-ex4 > div p {  }
        .landing-ex4 > div .btn { display:table; margin:0 auto; width:100%; text-align:center; }
            .landing-ex4 > div .last.btn { padding:23px; }
        .landing-ex4 > div .content { padding:20px; background:#fff; border-radius:0 0 12px 12px; }

/*----Responsive----*/
@media only screen and (max-width: 1679px) {
	.landing-ex3 > div { padding:0 10px; }
	.landing-ex3 > div a { font-size:17px; }
}

@media only screen and (max-width: 1279px) {
	.landing-ex3 > div { width:50%; }
	.landing-ex3 > div a { font-size:16px; }
}

@media only screen and (max-width: 550px) {
	.landing-ex3 > div { width:100%; }
	.landing-ex3 > div a { font-size:15px; }
}