@media only screen and (max-width:1750px){
    .banner .bg {clip-path: polygon(0 0, 100% 0, 87% 100%, 0% 100%);left: -14%;}
    .b2b_popup .inner {width: 64vw;}
	.b2b_popup.sign-in .inner{width: 35vw;height: unset;}

}
@media only screen and (max-width:1688px){
 .banner .bg {left: -16%;}

}
@media only screen and (max-width:1610px){
.banner .bg {left: -21%;}
}
@media only screen and (max-width:1500px){
 .banner .bg {left: -26%;}

}
@media only screen and (max-width:1399px){
    .wrapper {padding: 0px 40px;}
    .b2b_popup .inner {width: 70vw;height: 500px;}
	.b2b_popup.sign-in .inner{width: 30vw;height: unset;}
	header ul>li:not(:last-child) {margin-right: 3%;}
    .banner .right_col img{max-width: 500px;}
    .banner .bg {clip-path: polygon(0 0, 100% 0, 87% 100%, 0% 100%);left: -25%;}
    .explore_channel .col {padding: 15px;}




}
@media only screen and (max-width:1279px){
    h1 {font-size: 26px;line-height: 40px;}
    h3 {font-size: 20px;line-height: 40px;}
    .wrapper {padding: 0px 20px;}
.banner .bg {clip-path: polygon(0 0, 100% 0, 87% 100%, 0% 100%);left: -42%;}
    header ul>li:not(:last-child) {    margin-right: 1.6%;}
    .banner h2 {font-size: 22px;}
    .banner h3:after {left: -10px;width: calc(100% + 20px);transform: skewX(-20deg);}
    .banner ul li {font-size: 14px;line-height: 25px;margin-bottom: 10px;}
    .btn {padding: 5px 15px;}
    .banner .right_col img {max-width: 410px;}
    .banner .left_col {padding: 40px 0px 45px;}
    .banner {min-height: 456px;}
    .distribution .col {width: 23.8%;padding: 10px;margin-bottom: 20px;margin-right: 1.5%;}
    .distribution .col .img {min-height: 170px;margin-bottom: 10px;}
    .search_channel .colin .title {width: 155px;line-height: 44px;font-size: 14px;}
    .search_channel .colin .right_col {width: calc(100% - 173px);}
    .search_channel .colin input[type="submit"],.search_channel .colin input[type="button"] {padding-left: 30px;background-position: left 10px center;height: 44px;border-radius: 10px;font-size: 14px;background-size: 18px;}
    .search_channel .colin input[type="text"] {width: 143px;}
    .explore_channel .col span {padding: 4px 7px;font-size: 11px;line-height: 18px;margin: 0px 1px 8px;}
    .explore_channel .col h3 {margin: 10px 0;font-size: 15px;}
    .b2b_distribution {margin-top: 50px;}
    .b2b_distribution .col {width: 320px;}
    .b2b_distribution .col .img {height: 250px;}
    .b2b_distribution .col .img img{max-width: 200px;}
    .b2b_distribution .col .text label {width: calc(100% - 38px);padding-left: 20px;font-size: 14px;}
    .b2b_distribution .col .dot_arrow {top: 120px;left: 94%;width: 70px;}
    .our_Success {margin-top: 50px;}
    .b2b_distribution .inner {padding-bottom: 50px;}
    .featured .ink {margin: 0px 25px;}
    .our_partners .col {margin: 0px 18px;}
    .our_Success .col {padding: 15px;}
    .our_Success .col .img {width: 50px;height: 50px;}
    .our_Success .col .text {width: calc(100% - 50px);}
    .our_Success .col h3 {font-size: 18px;}
    .our_Success .col h4 {font-size: 12px;}
    .our_Success .col .ratting svg{width: 10px;}
    .our_Success .col h5 {font-size: 18px;margin: 15px 0;}
    footer .col {width: 30%;}

}
@media only screen and (max-width:1023px){
    header.fixed {transform: translateY(0px);}
    body {padding-top: 66px;}
    .hamburger {display: block;z-index: 9999;top: 0;bottom: 0;right: 20px;top: 19px;position: fixed}
    .hamburger span {width: 100%;height: 3px;background-color:var(--blue);top: 0;display: block;position: absolute;top: 12.5px;left: 0;transition: 0.2s ease all;}
    .hamburger span:first-child{top:5px}
    .hamburger span:last-child{top: 21px}
    .hamburger.active span:first-child {top: 14px;transform: rotate(45deg);background-color: var(--white)}
    .hamburger.active span:last-child {top: 14px;transform: rotate(-45deg);background-color: var(--white)}
    .hamburger.active span:nth-child(2){background-color: transparent !important}
    header .middle_had {padding: 15px 0px 5px;}
    header .middle_had .login_btn {display: none}
    header .top_had{display: none}
    header .bottom_had label{display:flex;}
    header .middle_had {padding: 18px 0px 02px;}
    header .bottom_had {position: fixed;top: 0;right: 0;width: 100%;height: 100vh;transform: translateX(-100%);transition: 0.4s ease all;}
  header .bottom_had.active {transform: translateX(0);overflow: auto;padding-bottom: 20px;}
    header .bottom_had ul{display: block;padding-top: 60px;}
    header .bottom_had label{background-color: #fff;border-radius: 40px;padding: 10px 20px;width: fit-content;margin-bottom: 10px;margin-top: 20px}
    header .login_btn {padding: 6px 15px;width: fit-content;box-shadow: 0px 0px 4px #fff;margin-left: 20px;}
    header ul>li {padding: 0;}
    header .bottom_had label em{margin: 0px 4px;color: var(--blue)}
    header .login_btn {padding: 6px 15px;width: 150px;}
    header ul>li:not(:last-child) {margin-right: 0;}
    .brand img{max-width: 140px;}
    header .login_btn a {font-size: 14px;}
    header .login_btn {padding: 6px 15px;}

    header .bottom_had label {margin: 20px auto 20px;}
    header .login_btn {padding: 6px 15px;margin: 0 auto;}
    header ul>li>a {font-size: 16px;}
    header ul>li .dropdown {width: 100%;border-radius: 0;position: relative;top: 0;padding: 10px 0;opacity: 1;pointer-events: all;transition: none;background-color: transparent;box-shadow: none;}
    header ul>li .dropdown ul {padding-top: 0;}
    header ul>li .dropdown ul li a {padding: 0 25px;position: relative;color: var(--white)}
    header ul>li .dropdown ul li a:after{content: '';position: absolute;left: 0;top: 0;bottom: 0;margin: auto;left: 0;width:12px;height:3px;background-color: var(--white);}
    header ul>li>.drop.active img{transform: scale(-1)}





    .banner .left_col {width: 100%;}
    .banner .right_col{width: 100%;}
    .banner .bg {clip-path: polygon(0 0, 100% 0, 96% 100%, 0% 100%);left: 0;height: 450px;}
    .banner .right_col h2 {font-size: 30px;line-height: 51px;margin: 60px 0px 30px;}
    .banner .right_col img {max-width: 410px;margin: 0 auto;display: block;}

    .distribution .col {margin-right: 1.5%;width: 32.2%}
    .distribution .col:nth-child(4n) {margin-right: 1.5%;}
    .distribution .col:nth-child(3n) {margin-right:0;}
    h2, .h2 {font-size: 30px;}
    .search_channel .colin .right_col {width: 100%;margin-top: 20px;}
    .search_channel .colin select,.search_channel .colin2 select:nth-child(4) {margin-right: 0.5%;}
    .explore_channel .col {width: 48%;margin-right: 2%;margin-bottom: 20px;}
    .b2b_distribution .col .text {margin-bottom: 20px;}
    .b2b_distribution .col .dot_arrow{display: none}
    .b2b_distribution .col:not(:last-child){margin-bottom: 20px;}
    .b2b_popup .inner {width: 91vw;height: 540px;}
	.b2b_popup.sign-in .inner{width: 50vw;height: unset;}
    .featured .ink {margin: 0px 14px;}
    .our_partners .col img{width: 180px;}
    footer .col {width: 100%;}
    .banner .right_col h2 {text-align: left;}

}
@media only screen and (max-width:767px){
    header ul>li>a {font-size: 14px;}
    header ul>li .dropdown {padding: 5px 0;}
  header ul>li .dropdown ul li a {line-height: 24px;}


    .banner .bg{display: none;}
    .banner .wrapper{padding: 0px;}
    .banner .left_col {background-image: url(../images/site/banbg.jpg);background-repeat: no-repeat;background-size: cover;padding: 40px 20px;}
    h1 {font-size: 22px;line-height: 30px;}
    .banner h2 {font-size: 18px;}
    .banner h1 {margin-bottom: 0;}
    .banner ul li {font-size: 14px;line-height: 20px;margin-bottom: 10px;background-size: 12px;padding-left: 20px;}
    .banner .btn {font-size: 13px;}
    .banner .register {margin-right: 10px;}
    .btn {padding: 5px 12px;}
    .banner .right_col h2 {font-size: 22px;line-height: 31px;margin: 20px 0px 20px;text-align: left;}
    .banner .right_col img {max-width: 100%;}
    .banner .right_col{padding: 20px}
    .distribution {padding: 30px 0px 0px;}
    h2, .h2 {font-size: 24px;line-height: 1.3;}
    .distribution .inner {margin-top: 20px;}
    .distribution .col {margin-right: 0;width: 100%;}
    .search_channel .need_help {margin-top: 5px;margin: 0 auto;margin-right: 0;}
    .search_channel .colin .right_col, .search_channel .colin .ChannelPartnerForm, .search_channel .colin .brandForm, .search_channel .colin .right_col>form {width: 100%;margin-top: 10px;}
    .search_channel .colin .title {width: 100%;line-height: 40px;font-size: 16px;text-align: left;padding-left: 20px; position: relative}
    .search_channel .colin .title img {display: inline-block;position: absolute;top: 0;bottom: 0;margin: auto;right: 15px;transition: 0.4s ease all;}
    .search_channel .colin .title.active img{transform: scale(-1)}
    .search_channel .colin .in {width: 100% !important;margin-right: 0;border-right: none;border-bottom: 1px solid #E8E8E8;height: 32px;}
    .search_channel .colin select {font-size: 16px;height: 34px;width: 100% !important;margin-top: 5px;}
    .search_channel .colin input[type="submit"], .search_channel .colin input[type="button"] {padding-left: 30px;background-position: 36% center;height: 38px;border-radius: 10px;font-size: 14px;background-size: 18px;position: relative;width: 100%;margin-top: 5px;text-align: center;}
    .search_channel .colin .right_col {padding: 10px 15px;}
    .search_channel .colin {margin-bottom: 20px;}
    .explore_channel {margin-top: 30px;}
    .explore_channel .inner {margin-top: 30px;}
    .explore_channel .col {width: 100%;margin-right: 0;margin-bottom: 20px;}
    .explore_channel .col .img {height: 160px;}
    .explore_channel .col h3 {margin: 15px 0 15px;font-size: 16px;line-height: 21px;}
    .b2b_distribution {margin-top: 20px;}
    .b2b_distribution .col {width: 100%;}
    .b2b_distribution .col .img img {max-width: 120px;}
    .b2b_distribution .col .img {height: 150px;}
    .b2b_distribution .col .text {margin-bottom: 60px;border-radius: 25px;border: 2px solid #E7EFF9;background: #FFF;border-radius: 15px;padding: 10px 10px;}
    .b2b_distribution .col p {font-size: 14px;line-height: 1.3;}
    .b2b_distribution .inner {padding-bottom: 30px;margin-top: 30px;border-radius: 30px;}
    .our_Success {margin-top: 30px;}
    .our_Success .top_title {margin-bottom: 20px;}
    .our_Success h6 {font-size: 16px;margin-bottom: 25px;padding: 0px 20px;}
    .our_Success .inner {padding: 28px 0;border-radius: 20px;}
    .our_Success .col p {font-size: 12px;}
    .our_Success .col h5 {font-size: 16px;margin: 10px 0;}
    .featured {padding-top: 30px;}
    .featured h2 {font-size: 26px;line-height: 36px;margin-bottom: 20px;}
    .featured .ink {margin: 0px 6px;}
    .featured .ink img {max-width: 58px;min-height: 28px;}
    .our_partners {padding: 30px 0px;}
    .our_partners .wrapper {margin-top: 30px;}
    .our_partners .col {margin: 0px 8px;}
    .our_partners .col img {width: 100%;max-width: 120px;min-height: 30px;}
    footer .logo img{max-width: 120px;}
    footer .logo {margin-bottom: 10px;}
    footer .newsletter {margin-top: 18px;}
    footer .col h4 {font-size: 16px;margin-bottom: 10px;}
    footer .col:nth-child(2) p {line-height: 22px;}
    footer {padding: 20px 0px 30px;}
    footer .newsletter .in {height: 46px;padding: 6px 120px 6px 10px;font-size: 12px;}
    footer .newsletter .sub {width: 109.917px;height: 40px;padding: 3px 13px;font-size: 11px;right: 4px;}
    .b2b_popup .inner {width: 94vw;height: 450px;padding:40px 20px 20px 20px;}
	.b2b_popup.sign-in .inner{width: 94vw;height: unset;}
    .b2b_popup .inner .colin {width: 100%;}
    .b2b_popup .inner h3 {line-height: 28px;font-size: 18px;}
    .b2b_popup .inner ul {padding-left: 20px;margin: 10px 0px;}
    .b2b_popup .inner ul li{ font-size: 12px;line-height: 20px;}
    .b2b_popup .wrap {height: 400px;overflow: auto;}
    .b2b_popup .inner .colin:nth-child(2) {margin-top: 20px;}



}