.s212_name,.s212_text {
    overflow: hidden;
    visibility: visible
}

.free_2_1_2_sections_wrapper {
    float: left;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.free_2_1_2_sections,.s212_content,.s212_img {
    float: right;
    box-sizing: border-box;
    width: 100%
}

.free_2_1_2_sections_wrapper .web_btn_container {
    margin-top: 40px
}

.free_2_1_2_sections_wrapper .website_btn {
    background-color: #fff;
    border: 1px solid #373737;
    border-bottom: 3px solid #373737;
    color: #373737;
    padding: 0 20px
}

.free_2_1_2_sections_wrapper .website_btn:hover {
    background-color: #373737;
    border: 1px solid #373737;
    border-bottom: 3px solid #373737;
    color: #fff
}

.free_2_1_2_sections {
    position: relative
}

.s212_name {
    float: left;
    width: 100%;
    text-decoration: none;
    height: 25px
}

.s212_text {
    float: right;
    width: 100%;
    height: 50px
}

.s212_lable {
    display: inline-block;
    border-radius: 4px;
    margin: 0!important;
    top: 15px!important;
    right: 15px!important;
    font-size: 14px;
    line-height: 1;
    padding: 6px 10px;
    position: absolute;
    text-align: center;
    z-index: 22
}

.s212_border_pattern {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 15px;
    background-image: url(../../../images/System/pattern_strip_free_sections.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    display: none
}

#index_video {
	height: 600px;
	width: 100%;
	object-fit: cover;
	z-index: -100;
	right: 0;
	bottom: 0;
	background: url() no-repeat center center;
	background-size: cover;
	overflow: hidden;
}
.index_video_wrapper {
	height: 600px;
	width: 100%;
	float: left;
	background: url() no-repeat center center;
	background-size: cover;
	overflow: hidden;
	visibility: visible;
}

@media (min-width: 1438px) {
    .s212_item,.s212_lable {
        position:absolute
    }

    .free_2_1_2_sections {
        height: 590px
    }

    .s212_item:nth-of-type(1n) {
        width: 280px;
        height: 280px;
        right: 0;
        top: 0
    }

    .s212_item:nth-of-type(2n) {
        width: 280px;
        height: 280px;
        right: 0;
        top: 310px
    }

    .s212_item:nth-of-type(3n) {
        width: calc(100% - 620px);
        height: 590px;
        right: 310px;
        top: 0
    }

    .s212_item:nth-of-type(4n) {
        width: 280px;
        height: 280px;
        left: 0;
        top: 0
    }

    .s212_item:nth-of-type(5n) {
        width: 280px;
        height: 280px;
        left: 0;
        top: 310px
    }

    .s212_lable {
        display: inline-block;
        border-radius: 10px;
        margin: 0!important;
        top: 15px!important;
        right: 15px!important;
        font-size: 14px;
        line-height: 1;
        padding: 6px 10px;
        text-align: center;
        z-index: 1
    }
}

@media all and (max-width: 1439px) and (min-width:769px) {
#index_video {
	height: 430px;
}
.index_video_wrapper {
	height: 430px;
}
	.s212_item,.s212_lable {
        position:absolute
    }

    .free_2_1_2_sections {
        height: 430px
    }

    .s212_item:nth-of-type(1n) {
        width: 200px;
        height: 200px;
        right: 0;
        top: 0
    }

    .s212_item:nth-of-type(2n) {
        width: 200px;
        height: 200px;
        right: 0;
        top: 230px
    }

    .s212_item:nth-of-type(3n) {
        width: calc(100% - 460px);
        height: 430px;
        right: 230px;
        top: 0
    }

    .s212_item:nth-of-type(4n) {
        width: 200px;
        height: 200px;
        left: 0;
        top: 0
    }

    .s212_item:nth-of-type(5n) {
        width: 200px;
        height: 200px;
        left: 0;
        top: 230px
    }

    .s212_lable {
        display: inline-block;
        border-radius: 4px;
        margin: 0!important;
        top: 15px!important;
        right: 15px!important;
        font-size: 14px;
        line-height: 1;
        padding: 6px 10px;
        text-align: center;
        z-index: 1
    }
}

@media (max-width: 768px) and (min-width:481px) {
    .free_2_1_2_sections {
        height:auto
    }

    .s212_item {
        width: 49%;
        float: right;
        position: relative;
        margin-left: 2%;
        margin-bottom: 2%
    }
    .s212_item:nth-of-type(2n) {
        margin-left: 0
    }
   .s212_item:nth-of-type(2n) {
        margin-left: 0
    }
    .s212_item:nth-of-type(3n) {
        width:100%
    }
   .s212_item:nth-of-type(4n) {
        display:none
    }
    .s212_item:nth-of-type(5n) {
        display:none
    }
    .s212_lable {
        display: inline-block;
        border-radius: 4px;
        margin: 0!important;
        top: 15px!important;
        right: 15px!important;
        font-size: 14px;
        line-height: 1;
        padding: 6px 10px;
        position: absolute;
        text-align: center;
        z-index: 1
    }

    .free_2_1_2_sections_wrapper .web_btn_container {
        margin-top: 20px
    }
#index_video {
	height: 350px;
}
.index_video_wrapper {
	height: 350px;
}
}

@media (max-width: 480px) and (min-width:319px) {
    .free_2_1_2_sections {
        height:auto
    }

    .s212_item {
        width: 47.5%;
        float: right;
        position: relative;
        margin-left: 5%;
        margin-bottom: 5%
    }
	
    .s212_item:nth-of-type(2n) {
        margin-left: 0
    }
   .s212_item:nth-of-type(2n) {
        margin-left: 0
    }
    .s212_item:nth-of-type(3n) {
        width:100%
    }
   .s212_item:nth-of-type(4n) {
        margin-left: 5%;
    }
    .s212_item:nth-of-type(5n) {
	margin-left: 0;
    }
    .s212_lable {
        display: inline-block;
        border-radius: 12px;
        margin: 0!important;
        top: 15px!important;
        right: 15px!important;
        font-size: 14px;
        line-height: 1;
        padding: 6px 10px;
        position: absolute;
        text-align: center;
        z-index: 1
    }

    .free_2_1_2_sections_wrapper .web_btn_container {
        margin-top: 20px
    }
#index_video {
	height: 250px;
}
.index_video_wrapper {
	height: 250px;
}
}

@media (max-width: 320px) {
    .free_2_1_2_sections {
        height:auto
    }

    .s212_item {
        width: 47.5%;
        float: right;
        position: relative;
        margin-left: 5%;
        margin-bottom: 5%
    }
	
    .s212_item:nth-of-type(2n) {
        margin-left: 0
    }
   .s212_item:nth-of-type(2n) {
        margin-left: 0
    }
    .s212_item:nth-of-type(3n) {
        width:100%
    }
   .s212_item:nth-of-type(4n) {
        margin-left: 5%;
    }
    .s212_item:nth-of-type(5n) {
	margin-left: 0;
    }
    .s212_lable {
        display: inline-block;
        border-radius: 12px;
        margin: 0!important;
        top: 15px!important;
        right: 15px!important;
        font-size: 14px;
        line-height: 1;
        padding: 6px 10px;
        position: absolute;
        text-align: center;
        z-index: 1
    }

    .free_2_1_2_sections_wrapper .web_btn_container {
        margin-top: 20px
    }
#index_video {
	height: 250px;
}
.index_video_wrapper {
	height: 250px;
}
}