.gnt_banner {
    width: 100%;
    height: 400px;
}

.first {background: url(/theme/modernshop/skin/shop/basic/img/01ms.jpg) no-repeat center top;}
.second {background: url(/theme/modernshop/skin/shop/basic/img/02hancom.jpg) no-repeat center top;}
.third {background: url(/theme/modernshop/skin/shop/basic/img/03autodesk.jpg) no-repeat center top;}
.fourth {background: url(/theme/modernshop/skin/shop/basic/img/04adobe.jpg) no-repeat center top;}
.fifth {background: url(/theme/modernshop/skin/shop/basic/img/05v3.jpg) no-repeat center top;}

.gnt_banner .wrapper {
    height: auto;
    margin: 0 auto;
}



.gnt_banner .wrapper .text h2 {margin-top: 80px;}
.gnt_banner .wrapper .text h2 span {font-weight: 600;}
.gnt_banner .wrapper .text p {margin-top: 40px;}

.gnt_banner .wrapper .text .more_button {    
	clear: both;
    background: #0070ff;
    border-radius: 30px;
    padding: 3px 10px;
    margin: 20px 0;
    font-size: 10px;
    color: #FFF;
    width: 50px;
}
.gnt_banner .wrapper .text .more_button a:link, a:visited, a:hover, a:focus, a:active {color:#FFF;text-decoration:none}

.gnt_banner .wrapper .text .more_left {float:left;}

@media screen and (max-width:1024px){
    .gnt-col-4 {top:0px;padding: 20px; background-color: white;}
    .first .gnt-col-4 .title-large-w {color: #0089d1;}
    .second .gnt-col-4 .title-large-w {color: #0089d1;}
    .third .gnt-col-4 .title-large-w {color: #0089d1;}
    .fourth .gnt-col-4 .title-large-w {color: #0089d1;}
    .fifth .gnt-col-4 .title-large-w {color: #0089d1;}
    .gnt_banner .gnt-col-4 .text-w {color: #000;}
    .gnt_banner .wrapper .gnt-col-8 {background-position: center center; height: 130px;}
    .gnt_banner .wrapper .text h2 {margin-top: 30px;}
    .gnt_banner .wrapper .text p {
        margin: 20px 0;
        font-size: 16px;
    }
	.gnt_banner {
		width: 100%;
		height:auto;
	}
}