/*** Homepage Col-1 ***/
.homepage-main-articles{
    position:relative;
}
.homepage-main-articles article {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 15px;
    margin-left: 20px;
    margin-right: 20px;
}
.homepage-col-1 p{
	font-size:16px;
}
.homepage-main-articles .side-margin-20 {
    border-bottom: 1px solid #dddddd;
}
.homepage-main-articles img{
	margin-bottom:18px;
	max-width:100%;
}
.homepage-main-articles h2,
.homepage-main-articles p{
	margin-bottom:14px;
}
.homepage-main-articles article{
	margin-bottom:15px;
}
.homepage-main-articles article:first-child{
	margin-left:0;
	margin-right:0;
	border-bottom:none;
}
.homepage-main-articles article:last-child{	
	border-bottom:none;
}
.homepage-main-articles .side-margin-20{
	border-bottom:1px solid #dddddd;
}
.homepage-col-1 .advertisement-wrapper{
	padding-top:20px;
	padding-bottom:20px;
}

/*** Homepage Col-2 ***/
.homepage-col-2{
	background:#eeeeee;
	padding:30px 5px 10px 5px;
}
.homepage-col-2 .col-xs-12{
	margin-bottom:20px;
}
.homepage-col-2 .title{
	font-size:18px;
}
.homepage-col-2 .title-20{
    margin-top:-5px;
    overflow:hidden;
}
.homepage-col-2 .title-20 a{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.homepage-col-2 img{
	margin-bottom:10px;
}

/*** Homepage Col-3 ***/
.homepage-col-3{
	padding:30px 15px;
}
.homepage-col-3 .advertisement-wrapper {
    background: none;
}

/*** Media Query ***/
@media (min-width: 768px) {
	/*** Homepage Col-1 ***/
	.homepage-col-1 img{
		padding-left:20px;
		padding-right:20px;
	}
	.banner-right-1-mobile{
		display:none;
	}
	
	/*** Homepage Col-2 ***/
	.homepage-col-2{
		background:none;
		padding:0 15px;
	}
    .homepage-col-2 .title {
    	font-size:20px;
    }
    .homepage-col-2 .col-xs-6{
	    margin-bottom:20px;
    }
    
    /*** Homepage Col-3 ***/
    .homepage-col-3 .advertisement-wrapper:first-child{
    	display:inherit;
	    float:left;
	    padding-left:8%;

    }
    .homepage-col-3 .advertisement-wrapper:last-child{
	    float:right;
	    padding-right:8%;
    }
    .homepage-col-3{
	    padding-top:0;
	    padding-bottom:0;
    }
    .homepage-main-articles{
		margin-bottom:50px;
	}
}

@media (min-width: 1200px) {

	/*** Homepage Col-3 ***/
	.homepage-col-3{
		padding-top:0;
		padding-bottom:0;
		padding-right:0;
	}
	.homepage-col-3 .advertisement-wrapper{
		padding-bottom:40px;
	}
        .homepage-col-3 .advertisement-wrapper:first-child,
        .homepage-col-3 .advertisement-wrapper:last-child {
            float: none !important;
            padding-left: 0;
            padding-top: 0;
            padding-right: 15px;
        }
}

@media (min-width: 1280px) {
	/*** Homepage Col-1 ***/
	.homepage-col-1{
		padding-right:15px;
	}
    .homepage-col-1 img{
        padding-left:0;
        padding-right:0;
    }
    .homepage-col-1 .side-margin-20,
    .homepage-main-articles article {
        margin-left: 0;
        margin-right: 0;
    }

    /*** Homepage Col-3 ***/
    .homepage-col-3 .advertisement-wrapper:first-child,
    .homepage-col-3 .advertisement-wrapper:last-child {
        padding-right: 0;
    }
	
}