footer{display: none;}
.row:before{display: none;} 
.row{ display: -ms-flexbox; display: flex; display: -webkit-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.email-design-trends-page p, .email-design-trends-page ul > li{font-size: 20px; line-height: 1.5;}

@font-face {
  font-family: 'HK Gothic';
  src: url('../hkgothicsemibold.html') format('woff2'),
      url('../woff/hkgothicsemibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HK Gothic';
  src: url('../hkgothicblack.html') format('woff2'),
      url('../woff/hkgothicblack.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HK Gothic';
  src: url('../hkgothicextrabold.html') format('woff2'),
      url('../woff/hkgothicextrabold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

.block-shape1{position: absolute; right: 15%; top: 40px; width: 18.4%;}
.block-shape2{position: absolute; right: 0; top: 270px; width: 14%; text-align: right;}
.block-shape3{position: absolute; right: 0; top: 180px; z-index: -1;}
.block-shape4{position: absolute; right: 16%; top: 45px;}
.block-shape5{position: absolute; right: 0; bottom: -200px;}
.block-shape5 > figure:last-child{position: absolute; top: 0; right: 0;}
.block-shape6{position: absolute; top: -40px; left: 0; width: 30%; z-index: -1;}
.block-shape7{position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 14%; text-align: right;}
.block-shape8{position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 12%;}
.block-shape9{position: absolute; right: 0; margin-top: -240px; width: 18.4%; z-index: -1;}
.block-shape10{position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 19%; z-index: -1;}
.block-shape11{position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 15.1%; text-align: right;}
.block-shape12{position: absolute; left: 0; bottom: 40px; width: 13.6%;}
.block-shape13{position: absolute; right: 0; bottom: 0; width: 12%; text-align: right;}
.block-shape14{position: absolute; left: 0; bottom: 40px; width: 28.7%;}
.block-shape15{position: absolute; left: 0; bottom: 35%; width: 14.7%; z-index: -1;}
.block-shape16{position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 26.4%; text-align: right;}
.block-shape17{position: absolute; margin-left: -262px; margin-top: 115px;}

.block-text1{position: absolute; z-index: -1; right: 0; bottom: 27%; width: 88.7%; text-align: right;}
.block-text2{position: absolute; left: 0; top:-45px; width: 55.1%;}
.block-text3{position: absolute; bottom: -59px; width: 95.1%;}
.block-text4{position: absolute; bottom: 33%; z-index: -1; left: 0; width: 94.7%;} 
.block-text5{position: absolute; bottom: 0; width: 100%;}
.block-text5 > img{width: 100%;}
.block-text7{position: absolute; right: 0; top: 0; width: 41%; text-align: right;}
.block-text8{position: absolute; left: 0; top: -20px; width: 49.6%;}
.block-text8-1{position: absolute; right: 0; bottom: 0; width: 22.3%; text-align: right;}
.block-text9{position: absolute; right: 0; top: 0; width: 56.8%; text-align: right;}
.block-text11{position: absolute; right: 0; bottom: 0; width: 16.7%; text-align: right;}
.block-text12{position: absolute; left: 0; top: 70px; width: 57.5%;}
.block-text13{position: absolute; right: 0; top: 0; width: 39%; text-align: right;}

.btn-area {text-align: center;position: fixed;top: 30%;right:0;transform: translateY(-50%); -webkit-transform: translateY(-50%);font-family: Montserrat,sans-serif; z-index: 10;} 
.btn-area a {text-decoration: none;background-color: #fff100;border-radius: 0px;color: #000033;display: inline-block;font-size: 16px;font-weight: 700;padding: 8px 21px 8px;text-align: left;margin-right: 0;text-decoration: none;max-width: 121px;line-height: 1.4;}
.btn-area a .txt-title .zmdi-download{font-size: 23px;position: relative;top: 4px;} 
.btn-area .arrow img{max-width: 20px;}
.btn-area .arrow {display: none;}

.banner-main{position: relative; padding-top: 165px; padding-bottom: 110px; background-size: cover; background-position: top center; background-repeat: no-repeat; margin-bottom: 115px;}
.banner-main .main-title{position: relative; padding-left: 280px; padding-top: 35px; max-width: 1160px; margin: 0 auto;}
.banner-main .main-title > figure{position: absolute; right: 10px; top: 135px;}
.banner-main h1{font-family: 'HK Gothic'; text-transform: inherit; font-size: 76px; font-weight: 900; margin-bottom: 300px;}
.banner-main h1 > .number{position: absolute; left: 0; top: 0; width: 265px; height: 265px; background-color: #2450df; border-radius: 100%; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 169px; font-weight: 900; text-shadow: 6px 6px 2px #000; letter-spacing: -15px;}
.banner-main h1 > .number > .inner-number{position: absolute; left: 12px; top: 23px;}
.banner-main h1 > span{position: relative; font-size: 67px; font-weight: 600;}
.banner-main h1 > .underline{position: relative; font-size: 67px; display: inline-block;}
.banner-main h1 > .underline:after{position: absolute; content: ""; width: 100%; height: 11px; background-color: #ffdb2d; left: 0; bottom: 0;}
.banner-main .description > p{position: relative; padding-bottom: 0; padding-left: 17px;}
.banner-main .description > p:before{position: absolute; content: ""; left: 0; top: 0; height: 100%; width: 10px; border-radius: 5px; background-color: #ffdb2d;}

.hover-area { display: inline-block; position: relative; /* Make this the reference point */ cursor: none; /* Hide default cursor */}

#custom-cursor { position: absolute; /* Position within the hover-area */ width: 80px; height: 80px; background-color: #000; color: #fff; font-size: 12px; font-weight: 700; padding: 10px; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 50%; pointer-events: none; transform: translate(-50%, -50%); opacity: 0; transition: opacity 0.2s ease; z-index: 1;}

  
.interactivity{position: relative; overflow: hidden;}
.email-design-section{position: relative; margin-bottom: 100px;}
.email-design-section > .main{position: static;}
.block-title{margin-bottom: 45px;}
.block-title > h2{position: relative; font-size: 60px; font-family: 'HK Gothic'; font-weight: bold; text-transform: inherit; line-height: 0.95; margin-bottom: 10px;}
.block-title > h2 > .block-number{ font-size: 253px; font-family: 'HK Gothic'; font-weight: bold; color: rgba(0 0 0 / 8%); display: inline-block; position: relative; margin-left: -23px;}
.block-title > h2 > .block-inner-title{position: absolute; bottom: 30px;}

.email-design-img{display: flex; margin-bottom: 115px;}
.email-design-img > figure:first-child{margin-right: 95px;}

.protips{display: inline-block; width: 100%; background-color: #f2f2f2; border-radius: 140px; padding: 40px 85px; padding-top: 0;}
.protips > h5{background-color: #ffdb2d; font-size: 23px; text-transform: uppercase; border-radius: 5px; padding: 11px 39px; text-align: center; display: inline-block; margin-top: -21px; margin-bottom: 25px;}
.protips > ul{margin: 0; list-style: none;}
.protips > ul > li{position: relative;margin: 0; padding-left: 20px; margin-bottom: 15px;} 
.protips > ul > li:last-child{margin-bottom: 0;} 
.protips > ul > li:before{position: absolute; content: ""; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 12px solid #345de1; left: 0; top: 7px;} 

.interactivity .block-title{max-width: 710px;}
.interactivity .email-design-img{margin-left: 10%;}

.minimalism .block-title{max-width: 100%;}
.minimalism .block-title > h2{text-align: right;}
.minimalism .block-title > h2 > .block-inner-title{right: 0;}
.minimalism .email-design-img{margin-left: 0;}
.minimalism .protips{max-width: 1090px;}

.moving-text { background-color: #345de1; padding: 40px 0; overflow: hidden; position: relative; transform: rotate(2deg); margin-bottom: 130px;}
.moving-text .marquee { display: flex; animation: marquee 20s linear infinite; white-space: nowrap;}
.moving-text h4 { color: #fff; font-size: 61px; font-family: 'HK Gothic'; font-weight: 600; text-transform: inherit; margin: 0; padding-right: 20px;}

@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

.accessibility{padding-top: 70px; padding-bottom: 275px;}
.accessibility:before{position: absolute; content: ""; width: 82%; height: 100%; left: 0; top: 0; background-color: #ffdb2d;}
.accessibility .wrap-div{display: flex; padding-right: 60px; position: relative; z-index: 1;}
.accessibility .wrap-div > .div1{width: 63%; padding-right: 70px;}
.accessibility .wrap-div > .div2{width: 37%;}
.accessibility .email-design-img{flex-direction: column; justify-content: flex-end; margin: 0; margin-top: 60px;}
.accessibility .email-design-img > figure:first-child{margin-right: 0; margin-bottom: 60px;}
.accessibility .protips{background-color: transparent; padding: 0; }
.accessibility .protips > h5{background-color: #000; color: #fff;}

.gamification .email-design-img{margin-left: 0;}
.gamification .protips{max-width: 950px;}

.unique-layouts{}
.unique-layouts .wrap-div{display: flex; padding-left: 120px; position: relative; z-index: 1;}
.unique-layouts .wrap-div > .div1{width: 37%;}
.unique-layouts .wrap-div > .div2{width: 63%; padding-left: 70px;}
.unique-layouts .email-design-img{flex-direction: column; justify-content: flex-end; margin: 0; margin-top: 30px;}
.unique-layouts .email-design-img > figure:first-child{margin-right: 0; margin-bottom: 60px;}

.dark-mode{padding-top: 50px;}
.dark-mode:before{position: absolute; content: ""; width: 85%; height: calc(100% - 100px); right: 0; top: 0; background-color: #181818; z-index: -1;}
.dark-mode .block-title > h2{color: #fff;}
.dark-mode .block-title > h2 > .block-number{color: rgba(255 255 255 / 10%);}
.dark-mode p{color: #fff;}
.dark-mode .wrap-div{padding-left: 165px;}
.dark-mode .email-design-img{margin-left: 0;} 

.custom-typography .block-title{max-width: 710px;}

.color-blocking .protips{max-width: 1070px;}
.color-blocking .block-title > h2{text-align: right;}
.color-blocking .block-title > h2 > .block-inner-title{right: 0;}

.ticker-gifs{}
.ticker-gifs .wrap-div{display: flex; position: relative; z-index: 1;}
.ticker-gifs .wrap-div > .div1{width: 37%;}
.ticker-gifs .wrap-div > .div2{width: 63%; padding-left: 70px; margin-top: 320px;}
.ticker-gifs .block-title.for-mob > h2{display: none;}
.ticker-gifs .email-design-img{flex-direction: column; justify-content: flex-end; margin: 0; margin-top: 30px;}
.ticker-gifs .email-design-img > figure:first-child{margin-right: 0; margin-bottom: 60px;}

.hand-models{padding: 100px 0; background-size: cover; background-position: center; background-repeat: no-repeat;}
.hand-models .wrap-div{display: flex; position: relative; z-index: 1;}
.hand-models .wrap-div > .div1{width: 280px;}
.hand-models .wrap-div > .div2{width: calc(100% - 280px); padding-left: 50px;}
.hand-models .block-title > h2 > .block-number{letter-spacing: -40px; left: -28px; top: -30px;}
.hand-models .block-title > h2 > .block-inner-title{position: static; margin-bottom: 30px;}
.hand-models .protips{background-color: transparent; border-radius: 0; padding: 0;}
.hand-models .protips > h5{background-color: #000; color: #fff;}

.images-personalization{}
.images-personalization .wrap-div{display: flex; position: relative; z-index: 1;}
.images-personalization .wrap-div > .div1{width: 250px;}
.images-personalization .wrap-div > .div2{width: calc(100% - 250px); padding-left: 50px;}
.images-personalization .block-title > h2 > .block-number{letter-spacing: -40px; left: 0; top: -30px;}
.images-personalization .block-title > h2 > .block-inner-title{position: static; margin-bottom: 30px; line-height: 1.2;}
.images-personalization .email-design-img{margin-bottom: 0;}

.storytelling{}
.storytelling .block-title > h2{text-align: right;}
.storytelling .block-title > h2 > .block-inner-title{right: 0;}

.rotate-360{}
.rotate-360 .wrap-div{padding-left: 120px;}
.rotate-360 .block-title{max-width: 710px;}

.bottom-section{position: relative; padding-top: 340px; padding-bottom: 110px; background-size: cover; background-repeat: no-repeat; background-position: top center; margin-top: -170px;}
.bottom-section .content-block{max-width: 1050px; width: 100%; margin: 0 auto; text-align: center;}
.bottom-section .content-block > h4{font-size: 32px; font-weight: 600; text-transform: inherit;}
.bottom-section .content-block > h4:last-of-type{margin-bottom: 0;}

.mfp-close:hover, .mfp-close:focus {background: transparent;}

.embedded{width:100% !important;margin-bottom: 30px;}
.embedded h3 {background: #3e3e3e; color: #f5f5f5; float: left; font-size: 16px; font-style: normal; font-weight: 400; margin: 0 0 35px; padding: 10px 0; text-align: center; text-transform: uppercase; width: 100%; }
.embed-textarea textarea {background-color: #ffffff; border: 1px solid #cccccc; border-radius: 3px; box-sizing: border-box; clear: both; color: #000000; font-size: 13px; font-weight: 400; font-family: monospace; line-height: 20px; outline: medium none; padding: 8px; resize: none; width: 100%; }
.embed-textarea textarea {font-size: 100%;margin: 0;vertical-align: baseline;box-shadow: none;}

.embedded {width: 100% !important; margin-bottom: 30px; float: left; padding: 50px 0; }
#disqus_thread {margin-top: 50px; }
.footer_yellow {background-color: #ffdb2d;padding: 90px 0 96px;text-align: center;}
.footer-big-logo {margin-bottom: 85px;}
.footer_yellow h4 {width: 74%;margin: 0 auto; font-size: 20px;}
.footer_yellow h4 a {font-weight: bold;}
.flw{float: left; width: 100%;}
.flw .footer_black {background-color: #000000;padding: 75px 0;}
.flw .footer_black .inner-sec {width: 61%;margin: 0 auto;display: table;}
.flw .footer_black .item {display: table-cell;text-align: center;width: 33%;vertical-align: middle;}
.flw .footer_black .item:nth-child(1) {text-align: left;}
.flw .footer_black .item:nth-child(3) {text-align: right;}
.flw ul.contect-links {display: inline-block; margin: 0;}
.flw ul.contect-links li {text-align: left; margin: 0; margin-bottom: 10px;}
.flw ul.contect-links li img {width: 18px;margin-right: 14px;vertical-align: middle;}
.flw ul.contect-links a {color: #ffffff;}
.flw ul.contect-links a:hover {color: #ffdb2d;}
.flw ul.social-nav {display: inline-block; margin: 0;}
.flw ul.social-nav li {float: left; margin:0; margin-left: 30px; line-height: initial;}

@media (max-width:1650px) {
	.accessibility:before{width: 90%;}
	.block-text3{bottom: -45px;}
	.block-shape4{right: 10px; width: 43.2%; text-align: right;}
	.block-shape6{width: 25%;}
	.block-shape12{width: 10%;}
	.block-shape14{width: 25%;}
}

@media (max-width:1400px) {
	.banner-main{padding-top: 85px; margin-bottom: 70px;}
	.block-title > h2 > .block-number{font-size: 200px;}
	.block-title > h2{font-size: 53px;}
	.block-title > h2 > .block-inner-title{bottom: 20px;}
	.accessibility:before{width: 95%;}
	.dark-mode:before{width: 87%;}
	.block-text7{width: 36%;}
	.hand-models .block-title > h2 > .block-number{left: 5px;}
	.hand-models .wrap-div > .div1 {width: 235px;}
	.hand-models .wrap-div > .div2{width: calc(100% - 235px);}
	.images-personalization .wrap-div > .div1{width: 180px;}
	.images-personalization .wrap-div > .div2{width: calc(100% - 180px);}
	.bottom-section{padding-top: 220px; padding-bottom: 90px; margin-top: -130px;}
	.bottom-section .content-block > h4{font-size: 28px;}
	.block-shape17{display: none;}
}

@media (max-width:1199px){
	.banner-main{background-position: center bottom; padding-bottom: 80px;}
	.banner-main .main-title {padding-left: 220px; max-width: 930px;}
	.banner-main .main-title > figure {right: 10px; top: 116px; width: 120px;}
	.banner-main h1{font-size: 62px; margin-bottom: 150px;}
	.banner-main h1 > .number{width: 200px; height: 200px; font-size: 120px;}
	.banner-main h1 > span{font-size: 54px;}
	.banner-main h1 > .underline{font-size: 54px;}
	.block-shape1{right: 5%; top: 0; width: 21%;}
	.accessibility{padding-top: 50px; padding-bottom: 165px;}
	.block-text3 {bottom: -33px;}
	.block-shape3{width: 75%;}
	.block-shape5{display: none;}
	.block-text7{width: 28%;}
	.ticker-gifs .wrap-div > .div2{margin-top: 240px;}
}

@media(max-width: 1200px){
	
    
    .flw {padding-bottom: 55px;}
	.flw .footer-big-logo {margin-bottom: 50px;}
	.flw .footer-big-logo a {display: inline-block;}
	.flw .footer_yellow h4 {width: 90%;}
	.flw .footer_yellow {padding: 50px 0;}
	.flw .footer_black .inner-sec {width: 100%;padding: 0 30px;}
}

@media (max-width:1023px) {
	.email-design-trends-page p, .email-design-trends-page ul > li{font-size: 18px;}
	.email-design-section{margin-bottom: 70px;}
    .block-title > h2 > .block-number{font-size: 160px; margin-left: 0;}
	.block-title > h2{font-size: 47px;}
	.email-design-img{margin-bottom: 65px;}
	.protips > h5{font-size: 20px; padding: 10px 30px;}
	.protips > ul > li:before{top: 5px;}
	.block-text2{top: auto;}
	.moving-text{padding: 25px 0; margin-bottom: 60px;}
	.moving-text h4{font-size: 40px;}
	.accessibility .wrap-div > .div1{padding-right: 40px;}
	.unique-layouts .wrap-div > .div2,.ticker-gifs .wrap-div > .div2,.hand-models .wrap-div > .div2,.images-personalization .wrap-div > .div2{padding-left: 40px;}
	.block-text3{right: 0;}
	.block-text8{top: auto;}
	.block-text8-1{display: none;}
	.hand-models .block-title > h2 > .block-number{letter-spacing: -20px;}
	.hand-models .wrap-div > .div1 {width: 210px;}
	.hand-models .wrap-div > .div2{width: calc(100% - 210px);}
}
 
@media (max-width:991px) {
	.email-design-trends-page p, .email-design-trends-page ul > li{font-size: 16px;}
    .banner-main .main-title { padding-left: 180px; max-width: 635px;}
	.banner-main h1{font-size: 40px;}
	.banner-main .main-title > figure { right: 0; top: 85px; width: 81px;}
	.banner-main h1 > .number { width: 160px; height: 160px; font-size: 92px;}
	.banner-main h1 > .number > .inner-number {left: 15px; top: 22px;}
	.banner-main h1 > span {font-size: 35px;}
	.banner-main h1 > .underline {font-size: 35px;}
	.banner-main h1 > .underline:after{height: 5px;}
	.email-design-img > figure:first-child {margin-right: 40px;}
	.block-title {margin-bottom: 20px;}
	.block-title > h2 > .block-number{font-size: 110px;}
	.block-title > h2{font-size: 36px;}
	.block-title > h2 > .block-inner-title{bottom: 12px;}
	.accessibility{padding-bottom: 115px;}
	.block-text3{bottom: -25px;}
	.unique-layouts .wrap-div{padding-left: 0;}
	.ticker-gifs .wrap-div > .div2{margin-top: 130px;}
	.hand-models{padding: 60px 0;}
	.hand-models .wrap-div > .div1{width: 125px;}
	.hand-models .wrap-div > .div2{width: calc(100% - 130px);}
	.hand-models .block-title > h2 > .block-number{left: -10px; top: -12px;}
	.images-personalization .block-title > h2 > .block-number { letter-spacing: -20px; top: -3px;}
	.images-personalization .wrap-div > .div1{width: 120px;}
	.images-personalization .wrap-div > .div2{width: calc(100% - 120px);}
	.block-text12{top: 20px;}
	.rotate-360 .wrap-div{padding-left: 60px;}
	.block-shape1,.block-shape17{display: none;}
	.bottom-section .content-block > h4{font-size: 22px;}
	.bottom-section { padding-top: 180px; padding-bottom: 60px; margin-top: -100px;}

    
    .flw .footer-big-logo a {max-width: 270px;}
	.flw .footer_yellow h4 {width: 100%;padding: 0 30px;}
	.flw .footer_black {padding: 40px 0;}
	.flw .footer_black .item:nth-child(1) {width: 20%;}
	.flw .footer_black .item:nth-child(2) {width: 60%;}
	.flw .footer_black .item:nth-child(3) {width: 20%;}
	.flw ul.social-nav li {margin-left: 15px;}
	.flw ul.social-nav li:first-child {margin-left: 0;}
	.flw ul.social-nav li a {display: inline-block;max-width: 35px;}	
	.flw ul.contect-links li {margin-bottom: 5px;}
	.flw ul.contect-links a {font-size: 14px;}
}

@media (max-width:979px) {
    body .shareaholic-share-buttons-container.shareaholic-floated{z-index: 9999;}
    body .shareaholic-share-buttons-container.shareaholic-floated.shareaholic-mobile ul.shareaholic-share-buttons li.shareaholic-share-button{float: none!important;}
    body .shareaholic-share-buttons-container.shareaholic-floated.shareaholic-mobile.shareaholic-bottom-align{top: 50%!important; left: 0; right: auto; bottom: auto;}
    body .shareaholic-share-buttons-container.shareaholic-floated.shareaholic-mobile ul.shareaholic-share-buttons li.shareaholic-share-button .shareaholic-share-button-sizing{width: 100%!important;}
    body a.shareaholic-service-icon.shareaholic-service-default{font-size: 17px;height: 20px;width: 25px;}
    body .shareaholic-share-buttons-container.shareaholic-flat:not(.shareaholic-mini) li.shareaholic-share-button .shareaholic-share-button-container .shareaholic-service-icon:before {left: 3px;top: 3px;}
    body .shareaholic-share-buttons-container.shareaholic-mobile.shareaholic-inset-counter li.shareaholic-total-count{width: auto!important;}
    body .shareaholic-share-buttons-container.shareaholic-mobile.shareaholic-inset-counter li.shareaholic-total-count .shareaholic-total-share-count{top: 8px;}
    body .shareaholic-share-buttons-container.shareaholic-mobile.shareaholic-inset-counter li.shareaholic-total-count .shareaholic-shares-label{top: -18px;}
    body .shareaholic-share-buttons-container.shareaholic-flat.shareaholic-inset-counter li.shareaholic-share-button.shareaholic-has-shares .shareaholic-share-button-container .shareaholic-share-button-counter{line-height: 17px;}
}

@media (max-width:767px) {
	.banner-main{padding-top: 40px; padding-bottom: 40px;}
	.banner-main .main-title{padding-left: 0; padding-top: 0; max-width: 455px;}
	.banner-main h1{margin-bottom: 50px;}
	.banner-main h1 > .number {position: relative; width: 120px; height: 120px; font-size: 71px;}
	.banner-main h1 > .number > .inner-number { left: 7px; top: 15px; letter-spacing: -5px;}
	.banner-main .main-title > figure { right: 0; top: 173px; width: 75px;}
	.banner-main .description > p:before{width: 7px;}
	.interactivity .email-design-img{margin-left: 0;}
	.protips{border-radius: 20px; padding: 20px; padding-top: 0;}
	.accessibility .wrap-div,.unique-layouts .wrap-div,.ticker-gifs .wrap-div{flex-wrap: wrap;}
	.accessibility .wrap-div > .div1,.unique-layouts .wrap-div > .div1,.ticker-gifs .wrap-div > .div1{padding-right: 0; width: 100%;}
	.accessibility .wrap-div > .div2,.unique-layouts .wrap-div > .div2,.ticker-gifs .wrap-div > .div2{width: 100%; padding-left: 0; margin-top: 0;}
	.accessibility .email-design-img,.unique-layouts .email-design-img,.ticker-gifs .email-design-img{flex-direction: row; margin-top: 30px;}
	.accessibility .email-design-img > figure:first-child,.unique-layouts .email-design-img > figure:first-child,.ticker-gifs .email-design-img > figure:first-child{margin-bottom: 0; margin-right: 40px;}
	.block-shape6{display: none;}
	.unique-layouts .wrap-div > .div1,.ticker-gifs .wrap-div > .div1{order: 2;}
	.dark-mode .wrap-div{padding-left: 105px;}
	.ticker-gifs .block-title.for-desk{display: none;}
	.ticker-gifs .block-title.for-mob > h2{display: block;}
	.rotate-360 .wrap-div{padding-left: 0;}

	.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{right: 0;}

   
    .flw .footer_yellow {padding: 30px 0;}
	.flw .footer-big-logo {margin-bottom: 30px;}
	.flw .footer_yellow h4 {width: 90%;padding: 0 20px;}
	.flw .footer-big-logo a {max-width: 200px;}
	.flw .footer_black .inner-sec {margin-top: 100px;position: relative;}
	.flw .footer_black .item {display: block;width: 100%;}
	.flw .footer_black .item:nth-child(1) {width: 100%; max-width: 140px; text-align: center; margin: 0 auto; position: absolute; top: -100px; left: 0; right: 0; }
	.flw .footer_black .item:nth-child(2) {width: 50%; float: left; text-align: left; }
	.flw .footer_black .item:nth-child(3) {width: 50%; float: right; margin-top: 5px; }
	.flw ul.contect-links a {font-size: 12px;}
	.flw ul.contect-links a img {width: 14px;}
	#no-posts {line-height: 50px !important;}
	.embedded {margin-bottom: 0; padding: 40px 0; }
}

@media (max-width:640px) {
    
	.down-scroll-arrow{margin-top: 15px;}
	.down-scroll-arrow > a{width: 40px; height: 40px; font-size: 32px;}
}

@media (max-width:520px){
	.block-title > h2 > .block-number{font-size: 90px;}
	.block-title > h2{font-size: 28px;}
	.block-text1,.block-text2,.block-text3,.block-text4,.block-text5,.block-text7,.block-text8,.block-text9,.block-text12,.block-text13,.block-shape2,.block-shape3,.block-shape4,.block-shape7,.block-shape8,.block-shape9,.block-shape10,.block-shape11,.block-shape14,.block-shape15,.block-shape16,.banner-main .main-title > figure{display: none;}
	.banner-main{margin-bottom: 40px;}
	.banner-main .main-title{max-width: 315px;}
	.banner-main h1{font-size: 28px; margin-bottom: 30px;}
	.banner-main h1 > span > br{display: none;}
	.banner-main h1 > span{font-size: 24px;}
	.banner-main h1 > .underline{font-size: 24px;}
	.banner-main h1 > .number{margin-bottom: 10px;}
	.email-design-section{margin-bottom: 40px;}
	.email-design-img > figure:first-child,.accessibility .email-design-img > figure:first-child, .unique-layouts .email-design-img > figure:first-child, .ticker-gifs .email-design-img > figure:first-child{margin-right: 20px;}
	.moving-text { padding: 20px 0; margin-bottom: 40px;}
	.moving-text h4{font-size: 24px;}
	.accessibility{padding-top: 40px; padding-bottom: 40px;}
	.accessibility:before{width: 100%;}
	.accessibility .wrap-div{padding-right: 0;}
	.dark-mode{padding-top: 40px;}
	.dark-mode:before{width: 100%;}
	.dark-mode .wrap-div{padding-left: 0;}
	.hand-models{padding: 40px 0;}
	.hand-models .wrap-div,.images-personalization .wrap-div{flex-wrap: wrap;}
	.hand-models .wrap-div > .div2,.images-personalization .wrap-div > .div2{width: 100%; padding-left: 0;}
	.hand-models .block-title > h2 > .block-number,.images-personalization .block-title > h2 > .block-number{position: static; letter-spacing: 0;}
	.hand-models .wrap-div > .div2 .block-title > h2,.images-personalization .wrap-div > .div2 .block-title > h2{position: absolute; top: 53px;}
	.images-personalization .wrap-div > .div2 .block-title > h2{font-size: 25px;}
	.images-personalization .wrap-div > .div2 .block-title > h2 br{display: none;}
	.bottom-section .content-block > h4{font-size: 18px; line-height: 1.4;}
	.bottom-section { padding-top: 150px; padding-bottom: 40px; margin-top: -90px;}
}

@media(max-width: 480px){
	
    
    .flw .footer-big-logo a {max-width: 140px;}
	.flw .footer_black {padding: 30px 0 30px;}
	.flw .footer_black .inner-sec {margin-top: 0;}
	.flw .footer_black .item:nth-child(1) {width: 100%; max-width: 120px;position: relative; top: 0px;margin-bottom: 20px;}
	.flw .footer_black .item:nth-child(2) {width: 100%; float: left; text-align: center; margin-bottom: 20px;}
	.flw .footer_black .item:nth-child(3) {width: 100%; float: left; margin: 0; text-align: center;}
	.flw ul.social-nav li a {max-width: 28px;}
	.flw .footer_yellow h4 {font-size: 14px;}
}

@media (max-width:359px){
	.images-personalization .wrap-div > .div2{margin-top: 30px;}
	.bottom-section .content-block > h4{font-size: 16px;}
}