#section0 { margin: 0; }
.section { position: relative; width: 100%; margin: 0; /*padding: 96px 0 0 0;*/ overflow: hidden; }
#section0.snip-sec .snip-bg1 { min-height: 500px; }
#section0 div.snip { width: 100%; height: 100%; }
.snip-bg1 { background: url(../images_mcpg/bg_snip.jpg) no-repeat; background-position: right 50px; }
#section0 div.snip .snip-logo { margin: 59px 0 0 0; padding: 0; display: inline-block; }
#section0 div.snip .title-text { font-size: 20px; line-height: 25px; text-align: left; color: #161a1c; margin-top: 5px; font-family: 'openSansRegular', Arial, Helvetica, sans-serif; }
#section0 div.snip .secondary-text { font-size: 14px; line-height: 18px; margin-top: 45px; width: 45%; font-family: Arial, Helvetica, sans-serif; }
#section0 div.snip .secondary-text .highlight-text.text { font-family: 'openSansRegular', Arial, Helvetica, sans-serif; font-size: 19px; line-height: 18px; display: inline-block; text-transform: uppercase; padding-bottom: 15px; color: #161a1c; }
#section0 div.snip .secondary-text .sell-text { font-family: 'openSansRegular', Arial, Helvetica, sans-serif; font-size: 14px; color: #7f8199; display: block; width: 85%; line-height: 22px; }


#section1, #section2, #section3, #section4, #section5, #section6 { margin: 0; padding-top: 55px; }
.snip-sec2 { background: #dbf1ff; padding-bottom: 60px; }
.snip-sec2 .middle-container { display: flex; flex-direction: row; }
.snip-sec2 .middle-container .soical-list { flex: 1 1 100%; }
.snip-sec2 .soical-list .social-heading { font-family: 'openSansRegular', Arial, Helvetica, sans-serif; font-size: 30px; color: #0d214c; font-weight: 600; }
.snip-sec2 .soical-list .social-heading-sub { font-family: 'openSansRegular', Arial, Helvetica, sans-serif; font-size: 15px; line-height: 22px; color: #0d214c; margin-top: 5px; padding: 0 15px; margin-bottom: 10px; min-height: 70px; }
.social-pic { position: relative; }
.social-pic:before { content: ''; background: url(../images_mcpg/snip_arrow.png) no-repeat right; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%), -ms-transform:translateY(-50%); width: 19px; height: 31px; right: 0; margin-right: -10px; }
.snip-sec2 .soical-list:last-child .social-pic:before { background: none; margin-right: 0; position: static; }



#section4.snip-bg2 { background-color: #fff; padding-top: 65px; }
#section4 div.snip .animation-wrapper { width: 100%; height: 465px; position: relative; display: flex; flex-direction: row; float: none; margin: 0 auto; text-align: center; }
#section4 div.snip .animation-wrapper .title-text { text-align: left; margin-top: 20px; font-family: 'openSansRegular', Arial, Helvetica, sans-serif; font-size: 40px; color: #000; }
#section4 div.snip .animation-wrapper .sub-title-text { text-align: left; margin-top: 5px; font-size: 18px; color: #000; line-height: 25px; margin-bottom: 0; }
#section4 div.snip .animation-wrapper ul { position: relative; list-style: none; margin: 30px 0 0 0; padding: 0; float: left; width: 100%; }
#section4 div.snip .animation-wrapper ul li { margin: 0; padding: 15px 0 15px 0; text-align: left; }
#section4 div.snip .animation-wrapper ul li span.heading-text { margin: 0 0 5px 0; padding: 0; line-height: 20px; font-size: 18px; display: inline-block; 
font-family: 'openSansRegular', Arial, Helvetica, sans-serif; color: #0ba2fc; }
#section4 div.snip .animation-wrapper ul li span.small { font-size: 15px; line-height: 20px; top: 0; margin: 0; display: inline-block; color: #7f8199; }
#section4 div.snip .animation-wrapper .qr-code-img { position: absolute; right: 18px; top: 19px; background: url(../images_mcpg/qr-code-img.jpg) 0 0 no-repeat; width: 319px; height: 434px; z-index: 1; }
#section4 div.snip .animation-wrapper .qr-code-phone { background: url(../images_mcpg/qr-code-phone.png) 0 0 no-repeat; width: 199px; height: 385px; display: block; position: absolute; z-index: 1; right: 286px; top: 65px; }









@media (min-width:768px) and (max-width:1024px) {
    #section0.snip-sec .snip-bg1 { min-height: 400px; background-size: 60%; }
    .social-pic img { width: 80%; }
    .snip-sec2 .soical-list .social-heading-sub { min-height: 90px; }

}

@media (max-width:767px) {
    #section0 { padding-top: 30px; }
    .section { position: relative; display: block; }
    #section0.snip-sec .snip-bg1 { min-height: 320px; }
    #section0 div.snip { background-position: right top; background-size: 60%; }
    #section0 div.snip .snip-logo { margin-top: 0px; display: inline-block; position: relative; }
    #section0 div.snip .snip-logo img { width: 60%; }
    #section0 div.snip .title-text { font-size: 16px; margin-top: 5px; }   
    #section0 div.snip .secondary-text { width: 50%; font-size: 13px; line-height: 18px; margin-top: 30px; }
    #section0 div.snip .secondary-text .highlight-text.text { font-size: 13px; line-height: 18px; padding-top: 10px; padding-bottom: 5px; }

    #section3 { padding-top: 40px; }
    .snip-sec2 { padding-bottom: 40px; }
    .snip-sec2 .middle-container { flex-direction: column; }
    .social-pic { padding-bottom: 50px; }
    .social-pic:before { top: auto; right: auto; left: 50%; bottom: 10px; transform: rotate(90deg); }
    .snip-sec2 .soical-list:last-child .social-pic { padding-bottom: 0px; }
    .snip-sec2 .soical-list .social-heading { font-size: 22px; }
    .snip-sec2 .soical-list .social-heading-sub { max-width: 60%; min-height: 50px; }
    #section4 div.snip .animation-wrapper { flex-direction: column; height: auto; }
}


@media (min-width:320px) and (max-width:480px) {
    #section0 div.snip .secondary-text { margin-top: 150px; padding-bottom: 20px; }
    #section0 div.snip { background-position: left top 100px; background-size: 50%; }
    #section0 div.snip .secondary-text { width: 100%; }
}