/*Media Query
==============================*/

@media only screen and (min-width:1600px) {
    .hexagon { width: 130px; height: 75.06px; margin: 37.53px 0; }
    .hexagon:before, .hexagon:after { width: 0; border-left: 65px solid transparent; border-right: 65px solid transparent; }
    .hexagon:before { bottom: 100%; border-bottom: 37.53px solid #000; }
    .hexagon:after { top: 100%; width: 0; border-top: 37.53px solid #000; }
    .process-box { width: 19.2%; padding: 120px 0px 120px 3.8%; }
    .process-line { top: 50px; }
    .process-box:before { width: 10px; border-radius: 8px; left: 48%; margin-left: -1px; }
    .proecess-wrapper { margin-top: 30px; }
    .services-list .container { max-width: 1100px; }
    .tooltip { top: auto; bottom: 123px; width: 230px; }
    .process-box:nth-child(odd) .tooltip { top: 123px; bottom: auto; }
    .tooltip p { font-size: 14px; }
}
@media only screen and (max-width:1600px) {
    .container { max-width: 1170px; }
    .hw-content { bottom: 160px; }
    .nav-icon { width: 44px; height: 34px; }
    .nav-icon span { height: 4px; }
    .nav-active .nav-icon span:nth-child(1) { top: 15px; }
    .nav-active .nav-icon span:nth-child(3) { bottom: 15px; }
    .nav-icon span:nth-child(2) { margin-top: -2px; }
    .service-box .sb-image { width: 35%; }
    .service-box .sb-content { width: 64.6%; padding-left: 10%; }
    .unorder-list li { font-size: 22px; margin-bottom: 30px; }
    .service-box .btn-area { margin-top: 50px; }
    .sb-image-outer:after { left: 35px; top: 35px; }
    .service-box .sb-content h3 { margin-bottom: 35px; }
    .service-box:nth-child(even) .sb-image-outer:after { right: 35px; }
    .service-box:nth-child(even) .sb-content { padding-right: 10%; }
    .lm-btn { font-size: 22px; }
    .lm-btn:after { width: 20px; height: 30px; margin-left: -10px; }
    .service-box { margin-bottom: 150px; }
    span.vertical-line { top: -127%; }
    .am_left { width: 45%; }
    .am_right { width: 48%; padding-top: 30px; }
    .am-points ul li { font-size: 25px; padding-left: 60px; margin-bottom: 30px; }
    .am-points ul li:before { height: 3px; width: 40px; top: 15px; }
    .hexagon { width: 130px; height: 75.06px; margin: 37.53px 0; }
    .hexagon:before, .hexagon:after { width: 0; border-left: 65px solid transparent; border-right: 65px solid transparent; }
    .hexagon:before { bottom: 100%; border-bottom: 37.53px solid #000; }
    .hexagon:after { top: 100%; width: 0; border-top: 37.53px solid #000; }
    .process-box { width: 19.2%; padding: 120px 0px 120px 3.8%; }
    .process-line { top: 50px; }
    .process-box:before { width: 10px; border-radius: 8px; left: 48%; margin-left: -1px; }
    .proecess-wrapper { margin-top: 30px; }
    .services-list .container { max-width: 1100px; }
    .tooltip { top: auto; bottom: 123px; width: 230px; }
    .process-box:nth-child(odd) .tooltip { top: 123px; bottom: auto; }
    .tooltip p { font-size: 14px; }
}
@media only screen and (max-width:1299px) {
    .menu-right li, .menu li + li{ margin-left: 50px; }

    .about-process .container { max-width: 980px; }
    .hexagon { width: 120px; height: 69.28px; margin: 34.64px 0; }
    .hexagon:before, .hexagon:after { border-left: 60px solid transparent; border-right: 60px solid transparent; }
    .hexagon:before { bottom: 100%; border-bottom: 34.64px solid #000; }
    .hexagon:after { top: 100%; width: 0; border-top: 34.64px solid #000; }
    .pro-title { font-size: 18px; left: 0; top: -30px; text-align: center;}
    .process-box:nth-child(even) .pro-title{ bottom: -30px; }
    .process-box { padding: 90px 0px 90px 2.7%; }
    .process-box:before { width: 8px; margin-left: -6px; }
    .proecess-wrapper { left: 20px; }
    .process-box:nth-child(odd) .tooltip { top: 115px; }
    .tooltip { bottom: 115px; width: 200px; }
    .tooltip p { font-size: 10px; }

    .flip-item img{ width: 150px; }
    .mocup{ width: 172px; }
    .flipster{ top: 8px; }

    .prodSec{padding: 30px 0;}

    .availSec{ padding-top: 60px; }
    .availLeft{ width: 35%; }
    .availRight {width: 65%; margin-bottom: 50px; padding-left: 50px;}
    .availRight h2{ font-size: 40px; padding-bottom: 10px; }
    .availRight p{ margin-bottom: 20px; }
    
}

@media only screen and (max-width:1024px) {
    .menu li + li, .menu-right li{margin-left: 40px;}
    .brInner h1{ font-size: 36px; margin: 0 }
    .brInner p{ margin-bottom: 10px; }
    .headInfo h1{ font-size: 28px }
    .topBG{ padding-top: 60px; }
    .downBtn{ padding-bottom: 60px; margin-top: 20px }
    .about-process{ padding: 60px 0; }
    .head h2{ font-size: 36px; margin-bottom: 40px }
    .sec{ padding: 60px 0 }
    .industry-login.sec{ padding-bottom: 60px; }

    .hexagon { width: 100px; height: 57.74px; margin: 28.87px 0; }
    .hexagon:before, .hexagon:after { border-left: 50px solid transparent; border-right: 50px solid transparent; }
    .hexagon:before { bottom: 100%; border-bottom: 28.87px solid #000; }
    .hexagon:after { top: 100%; width: 0; border-top: 28.87px solid #000; }
    .about-process .container { max-width: 770px; }
    .process-box { padding: 70px 0px 70px 1.7%; }
    .process-line { top: 40px; }
    .pro-title { font-size: 16px; white-space: normal; text-align: center; }
    .process-box:before { width: 8px; margin-left: -12px; left: 50%; }
    .pro-title { font-size: 16px; white-space: normal; text-align: center; top: -45px }
    .proecess-wrapper{ margin: 60px 0; }
    .process-box:nth-child(even) .pro-title {bottom: -45px; }
    .product-title h2 {font-size: 30px; margin-bottom: 5px; }
    .acBtn{ width: auto; min-width: auto; line-height: 30px; font-weight: 600;}
    .availRight{ padding-left: 0; }

    .login-head p{ margin-bottom: 10px; }
    .login-image{ padding-left: 30px; }
}
@media only screen and (max-width:991px) {
    .nav{position: fixed; width: 100%; background: #f5f3ee; top: 0; height: 100%; z-index: 9999; transition: 300ms all; right: 100%; }
    .nav:before {content: ''; display: inline-block; vertical-align: middle; height: 100%; margin-left: -5px;}
    .menu{display: inline-block; vertical-align: middle; margin-left: 0; width: text-align: center; width: 50%;}
    .nav>ul>li{opacity: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; -webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-translate-y: 1.25rem; -webkit-transition-property: background-color,border-color,color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform; transition-property: background-color,border-color,color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform; transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform; transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,-webkit-box-shadow,-webkit-transform; -webkit-transition-timing-function: cubic-bezier(0.4,0,0.2,1); transition-timing-function: cubic-bezier(0.4,0,0.2,1); -webkit-transition-duration: 150ms; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4,0,0.2,1); -webkit-transition-duration: 300ms; transition-duration: 300ms; margin-left: 0}
    .menuSlide ul li:nth-child(1) {-webkit-transition-delay: calc(.25s + .05s * 1); transition-delay: calc(.25s + .05s * 1); }
    .menuSlide ul li:nth-child(2) {-webkit-transition-delay: calc(.25s + .05s * 2); transition-delay: calc(.25s + .05s * 2); }
    .menuSlide ul li:nth-child(3) {-webkit-transition-delay: calc(.25s + .05s * 3); transition-delay: calc(.25s + .05s * 3); }
    .menuSlide ul li:nth-child(4) {-webkit-transition-delay: calc(.25s + .05s * 4); transition-delay: calc(.25s + .05s * 4); }
    .menuSlide ul li:nth-child(5) {-webkit-transition-delay: calc(.25s + .05s * 5); transition-delay: calc(.25s + .05s * 5); }
    .menuSlide ul li:nth-child(6) {-webkit-transition-delay: calc(.25s + .05s * 6); transition-delay: calc(.25s + .05s * 6); }
    .menuSlide ul li:nth-child(7) {-webkit-transition-delay: calc(.25s + .05s * 7); transition-delay: calc(.25s + .05s * 7); }
    .menuSlide ul li:nth-child(8) {-webkit-transition-delay: calc(.25s + .05s * 8); transition-delay: calc(.25s + .05s * 8); }
    .menuSlide ul li {opacity: 1; --tw-translate-y: 0; }
    .menuSlide{ width: 100%; right: 0; }
    .nav>ul>li>a{ display: inline-block; font-weight: 500; line-height: 2; padding: 10px 20px 10px 50px; opacity: 1; color: #000; text-transform: uppercase; letter-spacing: .025em; -webkit-transition-property: background-color,border-color,color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform; transition-property: background-color,border-color,color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform; transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform; transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,-webkit-box-shadow,-webkit-transform; -webkit-transition-timing-function: cubic-bezier(0.4,0,0.2,1); transition-timing-function: cubic-bezier(0.4,0,0.2,1); -webkit-transition-duration: 150ms; transition-duration: 150ms; }
    .nav>ul>li.menu-item-has-children{ position: relative; }
    .nav ul li a:hover{ color: #58595b;}
    .nav ul li a:focus{color: #88898b}
    .menu-toggle.is-active .toggle-inner span,.menu-toggle.is-active .toggle-inner span::before,.menu-toggle.is-active .toggle-inner span::after{background-color:#0b0a0a}
    .hamburger--spin .toggle-inner span{-webkit-transition-duration:.22s;transition-duration:.22s;-webkit-transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
    .hamburger--spin .toggle-inner span::before{-webkit-transition:top .1s .25s ease-in,opacity .1s ease-in;transition:top .1s .25s ease-in,opacity .1s ease-in}
    .hamburger--spin .toggle-inner span::after{-webkit-transition:bottom .1s .25s ease-in,-webkit-transform .22s cubic-bezier(0.55,0.055,0.675,0.19);transition:bottom .1s .25s ease-in,-webkit-transform .22s cubic-bezier(0.55,0.055,0.675,0.19);transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(0.55,0.055,0.675,0.19);transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(0.55,0.055,0.675,0.19),-webkit-transform .22s cubic-bezier(0.55,0.055,0.675,0.19)}
    .hamburger--spin.is-active .toggle-inner span{-webkit-transform:rotate(225deg);transform:rotate(225deg);-webkit-transition-delay:.12s;transition-delay:.12s;-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
    .hamburger--spin.is-active .toggle-inner span::before{top:0;opacity:0;-webkit-transition:top .1s ease-out,opacity .1s .12s ease-out;transition:top .1s ease-out,opacity .1s .12s ease-out}
    .hamburger--spin.is-active .toggle-inner span::after{ top:0; bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:bottom .1s ease-out,-webkit-transform .22s .12s cubic-bezier(0.215,0.61,0.355,1);transition:bottom .1s ease-out,-webkit-transform .22s .12s cubic-bezier(0.215,0.61,0.355,1);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(0.215,0.61,0.355,1);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform .22s .12s cubic-bezier(0.215,0.61,0.355,1)}
    .menu-right{ position: absolute; right: 55px; }
    .menu-right li{ margin-left: 20px; }
    .menu-toggle{ display: block; }

    .tabs-out{ width: 50%; right: 50px; position: absolute; z-index: 9999; background: transparent; box-shadow: none; top: 50%; transform: translateY(-50%);}
    .tabs-out ul{ flex-wrap: wrap; }
    .tab-main{ background: transparent; }
    .tabs-out ul{ justify-content: space-between; }
    .tabs-out ul li{ width: calc(50% - 7.5px); margin: 7.5px 0; padding: 10px; background: #fff; box-shadow: 0px 3px 2px rgba(0,0,0,0.09); }
    .tabs-out ul li .thumb img {max-width: 60px; max-height: 40px; min-height: 40px; }
    .tabs-out ul li p{ margin-top: 5px; }
    
    .industry-slider{ flex-wrap: nowrap; overflow: auto; margin: 0}
    .industry-slider li{ width: auto; padding: 0 30px 15px;}
    .industry-slider li img{ max-width: 50px; }
    .industry-slider li p{ white-space: nowrap; font-size: 14px;}
    ul.keyList li p{font-size: 14px;}
    ul.keyList li i {border-top: 15px solid transparent; border-left: 20px solid black; border-bottom: 15px solid transparent; position: absolute; right: -10px;}
    ul.keyList li img { max-width: 50px;}

    footer{ padding: 15px 0 40px; }
    .footer-logo{ max-width: 200px; margin: 0 auto 15px; }
    img[alt="google play"]{ width: 120px; }
    .social-links{ margin-top: 15px; }
    .footer-contact-info{ position: relative; margin-top: 0; margin-bottom: 30px; }
    .footInner{ flex-wrap: wrap; justify-content: center;}
    .quick-contact{ width: 50%; }
    .foot1{ width: 50%; }
    .foot2{ width: 80%; padding-top: 30px;}
    .footer-contact-info ul{ padding: 15px; }
    .footer-contact-info ul li{ padding: 15px; }
    .footer-contact-info ul li:first-child, .footer-contact-info ul li:last-child{ width: calc(30% - 7.5px); }
    .footBot{ margin-top: 40px; }

    .about-process .container { max-width: 720px; }
    .hexagon { width: 80px; height: 46.19px; margin: 23.09px 0; }
    .hexagon:before, .hexagon:after { border-left: 40px solid transparent; border-right: 40px solid transparent; }
    .hexagon:before { border-bottom: 23.09px solid #000; }
    .hexagon:after { border-top: 23.09px solid #000; }
    .process-box { padding: 60px 0px 60px 2.5%; }
    .process-line { top: 25px; }
    .process-box:before { width: 6px; margin-left: -3px; left: 43.5%; }
    .nav-menu li { margin-bottom: 25px; text-align: left; }
    .process-box:nth-child(odd) .tooltip { top: 79px; }
    .tooltip { bottom: 79px; }
    .tooltip { font-size: 10px; }

    .availSec{ padding-bottom: 0; }

    .profile-aside h4{font-size: 18px;}
    .pr-tabs li a{ padding: 10px 0; font-size: 15px; }
    .profile-sec{ padding: 60px 0; }
    .cart-product-info .pr-title h4{ font-size: 16px; }
    .pr-tab-main .cart-product .pr-details{ width: 100%; }
    .cart-product-rate{ width: 100%; text-align: right; padding: 15px 5px 10px;}
}

@media only screen and (max-width:767px) {

    .prodSec{ padding-top: 0; }
    .product-box{ padding: 15px; margin-bottom: 15px; }
    .product-inner{ flex-direction: column; position: relative; }
    .product-inner aside{ background: transparent; padding: 0; box-shadow: none !important; width: calc(100% + 30px); margin: 0 -15px; min-height: auto; height: auto; background: #f2f2f2; top: 52px;}
    .product-inner aside h4{ display: none;} 
    .product-inner aside ul{padding: 20px 0; margin-top: 0; display: flex; overflow: auto;}
	.cat li{ padding: 0 20px;}
	.cat li a{ display: block;text-align: center;}
    .cat li a:before{ content: ''; width: 50px; height: 40px; display: block; margin: auto; }
    .cat li:first-child a:before{ background: url('../images/products/box/brown-box.svg') no-repeat 50% 0 / contain;}
    .cat li:nth-child(2) a:before{ background: url('../images/products/corrugated-rolls/ply-rolls.svg') no-repeat 50% 0 / contain;}
    .cat li:nth-child(3) a:before{ background: url('../images/products/tapes/transparent-tapes.svg') no-repeat 50% 0 / contain;}
    .cat li:nth-child(4) a:before{ background: url('../images/products/paper-bag/food-bag-icon.svg') no-repeat 50% 0 / contain;}
    .cat li:nth-child(5) a:before{ background: url('../images/products/pouches/kraft-pouch.svg') no-repeat 50% 0 / contain;}
    .cat li:last-child a:before{ background: url('../images/products/paper-bag/shopping-bag.svg') no-repeat 50% 0 / contain;}
    .cat li a .radio{ margin-bottom: 0; }
    .cat li a .radio label{ font-size: 14px; padding: 0; white-space: nowrap; margin-top: 10px; display: block;}
    .cat li a .radio label:before, .cat li a .radio label:after{ display: none; }
    .product-list {width: 100%; padding-left: 0;}
    .product-thumb{ width: 30%; }
    .product-details{ width: 70%; }
    .banner.sec{ padding: 30px 0; }
    .banner .secInner .secLeft{ padding-right: 20px; }

    .availRight h2{ font-size: 30px; }

    .footer-contact-info ul{ flex-wrap: wrap; }
    .footer-contact-info ul li{ width: 100%; min-height: auto; display: flex; text-align: left;}
    .footer-contact-info ul li:first-child, .footer-contact-info ul li:last-child{ width: calc(50% - 7.5px); margin-bottom: 15px }
    .footer-contact-info ul li:nth-child(2){ order: 3; }
    .footer-contact-info ul li:last-child{ order: 2;}
    .footer-contact-info ul li h4 {font-size: 24px; margin-bottom: 0; margin-right: 10px; }

    .login-section .container{ flex-direction: column; }
    .login-box{ order: 2; }
    .login-image{ padding-left: 0; width: 75%; padding-bottom: 30px; }
    .sec, .industry-login.sec, .about-process{ padding: 40px 0; }
    .brInner h1{font-size: 26px;}
    .head h2 {font-size: 26px; margin-bottom: 30px; }
    .headInfo h1 {font-size: 21px; line-height: 1.5; }
    .downBtn a{ min-width: auto; }

    .proecess-wrapper{ display: none; }
    .process-mobile{ display: block; }

    .fbLeft{ text-align: center; }
    ul.keyList li i{ display: none; }
    ul.keyList li{ min-height: auto; }
    .sec.keySec {padding-bottom: 0px; }
    .headInfo {max-width: 300px; width: 100%}
    ul.keyList li p{ font-size: 16px; }
    ul.keyList li:before, ul.keyList li:after{ display: none; }

    .product-title h2{ font-size: 24px; }
    .product-inner aside.profile-aside{ width: 210px; background: #fff; position: absolute; top: 0; box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important; margin: 0;}
    .product-inner aside.profile-aside h4{ display: block; padding: 10px; font-size: 15px; text-align: left; position: relative;}
    .product-inner aside.profile-aside h4:after{ content: '\f107'; position: absolute; right: 10px; font-family:'FontAwesome'; font-size: 18px; color: #000; transition: 300ms all; top: 16px; line-height: 6px;}
    .product-inner aside h4.arrowAnim:after{ transform: rotate(-180deg); }
    .product-inner aside.profile-aside ul{ display: none; padding: 10px; }
    .pr-tabs li a{ font-size: 14px; margin-bottom: 10px; }
    .profile-sec{ padding: 15px 0 40px; }
    .profile-sec .product-inner{ padding-top: 56px; }
    .pr-tab-main .cart-product .pr-details .pr-box, .pr-tab-main .cart-product .pr-details a {font-size: 14px;}
    .profile-right .product-box{ min-height: auto; }
    .pr-tab-main .cart-product .pr-title h4{ font-size: 14px; font-weight: 700; }
    .pr-tab-main .cart-product .order-date{ font-size: 14px; }

    .brInner p{ font-size: 14px; line-height: 1.5; }

    .modal{ top: 20px; height: calc(100vh - 40px); }
    .modal-wrapper{ height: 100%; overflow: auto; }
    .modal .row{ flex-wrap: wrap; }
    .modal .row .col-md-4, .modal .row .col-md-8, .modal .row .col-md-12{ width: 100%; }
    .order-options ul.order-tab li a{ font-size: 15px; }
    .inputBox .textFieldLabel{ font-size: 14px; }
    .length-box {display: block; margin: 15px auto; }
    .inputBox {padding-bottom: 15px;}
    .order-options ul.order-tab li a{ min-width: 121px; }
}

@media only screen and (max-width:575px) {
    .product-box{ flex-direction: column; align-items: center;}
    .product-thumb{ max-width: 240px; width: 100%; }
    .product-details{ width: 100%; padding: 0; }

    .footer-contact-info ul li{ margin-bottom: 15px; }
    .footer-contact-info ul li:first-child, .footer-contact-info ul li:last-child{ width: 100%; }
    .footer-contact-info ul li:nth-child(2){ order: 2; }
    .footer-contact-info ul li:last-child{ order: 3; margin-bottom: 0}
    .footer-contact-info ul li h4 {font-size: 24px; margin-bottom: 0; margin-right: 10px; }
    .foot1 {width: 80%; padding-top: 30px; }

    .banner.sec{ padding-top: 0; }
    .banner .secInner{ flex-direction: column; }
    .banner .secInner .secRight{ width: 100%; padding-top: 20px;}
    .banner .secInner .secLeft{ width: 100% }
    .banner-video {width: calc(100% + 30px); margin: 0 -15px;}
    .banner-video:before{ display: none; }
    .banner .secInner .secLeft{ padding-right: 0; }

    .tabs-out ul li{ width: 100%; }
    .tabs-out{ width: 150px; }

    .availInner{ flex-direction: column; }
    .availLeft {width: 100%; max-width: 300px; }
    .availRight{ width: 100%; }
    .product-desc p{ font-size: 14px; }

    .cart-product-info{ flex-direction: column; align-items: flex-start; position: relative;} 
    .pr-tab-main .cart-product .order-date{ margin-top: 5px; }
    .pr-tab-main .cart-product .cart-product-info .order-date .remove-product{ position: absolute; right: 10px; top: 13px; }
    .pr-tab-main .cart-product .pr-details .pr-box, .pr-tab-main .cart-product .pr-details a { width: calc(33.33% - 10px);}
    .pr-tab-main .cart-product .cart-product-info{ padding: 10px; }
}

@media only screen and (max-width:479px) {
    .foot1, .foot2{ width: 100%; }
    .login-image{ width: 100%; }
    .register-form .row{ flex-direction: column; }
    .register-form .col-md-6{ width: 100%; }
    .nav>ul>li>a{ padding: 10px 20px; }
    .pr-tab-main .cart-product .pr-details .pr-box, .pr-tab-main .cart-product .pr-details a { width: calc(50% - 10px);}
    .personal-tab .col-md-6{ width: 100%; }
    .pr-tabs-out .personal-tab form .form-group { margin-bottom: 15px;}
    .ply ul{ flex-wrap: wrap; }
    .ply ul li{width: 50%;}
}