@media (max-width:1536px){
    /**1536 x 750**/
    .featured-deals-area .leftside {width: 28%; padding: 0 0 0 60px;}
    .featured-deals-area .rightside{width:72%}
    .featured-deals-area .owl-nav{left:-33%}
    .app-download-area .content-area h2{font-size:100px; line-height:70px}
    .app-download-area .content-area h2 span{font-size:40px}
    .app-download-area .content-area{padding:0 60px}
    .app-download-area .content-area ul.download-icon{margin:0px}

    .deals-and-lotalty-area .content-area{padding:0 60px}
    .deals-and-lotalty-area .content-area p{font-size: 18px; line-height: 30px;}

    .loyalty-card-area .content-area{padding:0 60px}
    .loyalty-card-area .content-area .man-img{width:86%}
    .loyalty-card-area .content-area .main-card-img{width:50%}
    .qr-codes-area .content-area{padding:0 60px}
    .qr-codes-area .content-area p{width:90%}
    .client-say-area .content-area .client-box {padding: 70px 50px 0 50px; position: relative; min-height: 450px;}
    .client-say-area .content-area p {font-size: 16px; line-height: 30px;}
    .client-slider .owl-nav{display: inline-block;margin-bottom: 30px;}
    .client-slider .owl-dots{bottom:38px}
    .merchant_top_area .mobile-area {width: 360px; height: 609px;}
    .merchant_top_area .mobile-area video {width: 259px; height: 100%; max-height: 566px; min-height: 566px; top: 13px; left: 51px;}
    .merchant_top_area .contant-area{padding:160px 0}

    }
    @media (max-width:1460px){
    .featured-deals-area .leftside {width: 28%; padding: 0 0 0 60px;}
    .featured-deals-area .rightside{width:72%}
    .featured-deals-area .owl-nav{left:-33%}
    .app-download-area .content-area h2{font-size:100px; line-height:70px}
    .app-download-area .content-area h2 span{font-size:40px}
    .app-download-area .content-area{padding:0 60px}
    .app-download-area .content-area ul.download-icon{margin:0px}

    .deals-and-lotalty-area .content-area{padding:0 60px}
    .deals-and-lotalty-area .content-area p{font-size: 18px; line-height: 30px;}

    .loyalty-card-area .content-area{padding:0 60px}
    .loyalty-card-area .content-area .man-img{width:86%}
    .loyalty-card-area .content-area .main-card-img{width:50%}

    .qr-codes-area .content-area{padding:0 60px}
    .qr-codes-area .content-area p{width:90%}
    .client-say-area .content-area .client-box {padding: 70px 50px 0 50px; position: relative; min-height: 450px;}
    .client-say-area .content-area p {font-size: 16px; line-height: 30px;}
    .client-slider .owl-nav{display: inline-block;margin-bottom: 30px;}
    .client-slider .owl-dots{bottom:38px}
    .merchant_top_area .mobile-area {width: 360px; height: 609px;}
    .merchant_top_area .mobile-area video {width: 259px; height: 100%; max-height: 566px; min-height: 566px; top: 13px; left: 51px;}

    }
    @media (max-width:1366px) {
    /**1366 x 655**/
    .featured-deals-area .leftside h2{font-size:36px}
    .featured-deals-area .leftside {width: 28%; padding: 0 0 0 60px;}
    .featured-deals-area .rightside{width:72%}
    .featured-deals-area .owl-nav{left:-33%}
    ul.download-icon li{margin-right:10px}
    .app-download-area .content-area h2{font-size:100px; line-height:70px}
    .app-download-area .content-area h2 span{font-size:40px}
    .app-download-area .content-area{padding:0 40px}
    .app-download-area .content-area ul.download-icon{margin:0px}

    .deals-and-lotalty-area .content-area{padding:0 40px}
    .deals-and-lotalty-area .content-area p{font-size: 18px; line-height: 30px;}

    .loyalty-card-area .content-area{padding:40px 40px}
    .loyalty-card-area .content-area .man-img{width:86%}
    .loyalty-card-area .content-area .main-card-img{width:50%}
    .menu_full_area .content_area ul.download-icon li, footer .footer_bg ul.download-icon li{margin-right:10px}

    .qr-codes-area .content-area{padding:0 60px}
    .qr-codes-area .content-area p{width:90%}
    .client-say-area .content-area .client-box {padding: 70px 50px 0 50px; position: relative; min-height: 450px;}
    .client-say-area .content-area p {font-size: 16px; line-height: 30px;}
    .client-slider .owl-nav{display: inline-block;margin-bottom: 30px;}
    .client-slider .owl-dots{bottom:38px}
    .merchant_top_area .mobile-area {width: 360px; height: 609px;}
    .merchant_top_area .mobile-area video {width: 259px; height: 100%; max-height: 566px; min-height: 566px; top: 13px; left: 51px;}

    }


    /************ Main **************/

    @media (min-width: 768px) and (max-width: 1024px){
    .snapwidget-widget {width: 100% !important; height: 260px !important}

    .menu_full_area .content_area{align-items: flex-start; padding: 40px}
    .menu_full_area .content_area .menu-logo{width:120px; margin-bottom:30px}
    .menu_full_area .content_area ul.download-icon li{margin-left:0px}
    .menu_full_area .content_area h3 {font-size: 20px; line-height: 20px; font-weight: 500; margin: 0px 0 10px 0;}
    .menu_full_area .content_area ul.social li{margin:0 10px 0 0}
    .menu_full_area .content_area ul.social li a i{width: 50px; height: 50px; font-size: 18px; line-height: 46px;}
    .menu_full_area .content_area ul.menu{margin-top:30px; display: flex; justify-content: space-between; align-items: center; z-index: 1; flex-wrap: wrap;}
    .menu_full_area .content_area ul.menu li{width: calc(50% - 10px);}

    header .nav_sec .logo { margin: 0 0 0 40px}
    header .nav_sec .merchant_logo {margin: 0 0 0 40px}

    .video_sec .caption{text-align:center}
    ul.download-icon li{margin:0 15px}
    .merchant-area{padding:60px 0}
    
    .gray-btn {padding: 7px 25px;font-size: 20px;}
    .yellow-btn {padding: 7px 25px;font-size: 20px;}

    .featured-deals-area .bg-color{display:block; padding:50px 0 120px 0}
    .featured-deals-area .leftside{width:100%; padding:0 0 0 40px}
    .featured-deals-area .rightside{width:100%; padding:30px 0 0 40px}
    .featured-deals-area .owl-nav{left:0px; bottom:-70px}

    .video_sec .caption h2 { font-size: 36px;}
    .video_sec .caption h2 strong {font-weight: 700; line-height: 80px;}

    .loyalty-card-area, .deals-and-lotalty-area, .app-download-area{display:block}
    .app-download-area {margin: 40px 0 0 0;}
    .app-download-area .graphic-area{width:100%}
    .app-download-area .content-area{width: 90%; border-radius: 50px; padding: 40px 40px; margin: 0 5%;}

    .app-download-area .content-area h2 {font-size: 60px; line-height: 50px; margin: 0 0 10px 0;}
    .app-download-area .content-area h2 span {font-size: 28px;}
    .app-download-area .content-area h3 {font-size: 20px;margin: 0 0 10px 0;}
    .app-download-area .content-area p {margin: 0 0 15px 0;}

    .deals-and-lotalty-area .graphic-area{width:100%;}
    .deals-and-lotalty-area .content-area{width: 90%; border-radius: 50px; padding: 40px 40px; margin: 0 5%;}
    .deals-and-lotalty-area .content-area h2 {font-size: 28px; padding-bottom: 20px;}

    .loyalty-card-area .content-area h2 {font-size: 28px; padding-bottom: 20px;}
    .loyalty-card-area .content-area{width: 90%; border-radius: 50px; padding: 40px 40px; margin: 0 5%;}
    .loyalty-card-area .graphic-area{width:100%;}
    .loyalty-card-area .content-area .man-img{width:76%}
    .loyalty-card-area .content-area h3 {font-size: 20px;margin: 0 0 10px 0;}
    .loyalty-card-area .content-area p {margin: 0px 0 15px 0;}

    .insta-area{padding:0 0 40px 0px}
    .insta-area ul.insta-post li {width: calc(33.33% - 10px);}
    .gm-style .place-card-large{display:none !important}

    .deal-map-area{height:500px}

    .merchant-area .logo {width: 170px;}
    .merchant-area h2 {font-size: 36px; margin: 30px 0px 15px 0px;}
    .merchant-area p {font-size: 28px; line-height: 20px;}

    footer .newsletter-area h3{ font-size: 20px; margin: 0px 0 15px 0}
    footer .footer_bg{padding:30px 0 20px 0; }
    footer .footer_bg .footer-logo{margin:0 auto 0px auto}
    footer .footer_bg p{text-align: center;}
    footer .footer_bg h3{margin-top: 15px}
    footer .footer_bg h3.md-right{margin-left: 0px}
    footer .footer_bg ul.link-menu{margin: 0 0 20px 0}
    footer .footer_bg ul.social{float: none; display: block; width: 270px; margin: 0 auto 15px auto; height: 48px;}
    footer .footer_bg ul.social li{margin:0 3px}
    footer .footer_bg ul.download-icon li{margin: 0px 0px 10px 0px}
    footer .copyright{padding:12px 20px; text-align: center;}
    footer .copyright .link{float: none;}

    .merchant_top_area .shape-2 {left: -500px; top: -78px; height: 40%; width: 120%; border-radius:100px}
    .merchant_top_area .shape-1{right: -500px; bottom: 0; top:auto; height: 71%; width: 105%; border-radius:100px}
    .merchant_top_area .contant-area{display:block; padding:80px 0}
    .merchant_top_area .merchant-content {width: 100%;}
    .merchant_top_area .contant-area .left{text-align:center; width:100%; margin-bottom:50px}
    .merchant_top_area .logo {width: 90px; margin: 0 auto 10px auto;}
    .merchant_top_area .contant-area .right{width:100%}

    .merchant_top_area h2 {font-size: 26px;}
    .merchant_top_area h2 strong {font-size: 50px;line-height: 50px;}

    .get-started-area{padding:0 0 50px 0}
    .get-started-area .title{display:none}
    .get-started-area .shape-2{left: -280px; top: -250px; height: 710px; width: 300px;}
    .get-started-area .shape-1{height: 710px; width: 300px;}
    .get-started-area .tab-content{padding: 0; position: relative; min-height: auto;}
    .get-started-area .tab-content .content-box{margin-top:30px}
    .get-started-area .tab-content .content-box .left-content div{width:100%}
    .get-started-area .tab-content .content-box .left-content h3{font-size:20px; line-height:30px; margin-bottom:15px; padding:0px 30px 0px 0px; }

    .get-started-area .tab-content .content-box .right-photo img{width:100%}
    .get-started-area h2{font-size:30px; padding-bottom: 20px;}
    .get-started-area ul.nav {margin: 25px 0 0 0; padding: 0px 0; border-left: none; width: 100%; position: relative; left: 0px; border-top: #808690 2px dashed; text-align: center; display: inline-block;}
    .get-started-area ul.nav::before {top:-10px}
    .get-started-area ul.nav::after{bottom:auto; top:-10px; left:auto; right:-10px}
    .get-started-area ul.nav li {width: 40px; position: relative; left: 0; line-height: 40px; text-align: center; margin: 0 65px; display: inline-block; float: none; top: -12px;}
    .get-started-area .tab-content .content-box .left-content .number {width: 80px; height: 80px; font-size: 36px; line-height: 77px;}
    .get-started-area .tab-content .content-box .left-content .number::before {top: 24px; left: 23px;}
    .get-started-area .tab-content .content-box .left-content .number {font-size: 36px; line-height: 77px;}

    .qr-codes-area{display:block}
    .qr-codes-area .content-area h2 {font-size: 30px; padding-bottom: 20px;}
    .qr-codes-area .graphic-area{width:100%;}
    .qr-codes-area .content-area{width: 90%; border-radius: 50px; padding: 40px 40px; margin: 0 5%;}
    .qr-codes-area .content-area p{width:100%}

    .client-say-area{display:block}
    .client-say-area .title{display:none}
    .client-say-area .graphic-area, .client-say-area .content-area{width:100%}
    .client-say-area .content-area .client-box {padding: 40px 40px 0 40px; position: relative; min-height: auto;}
    .client-say-area .content-area .client-box::before {background-size: cover;left: 40px; top: 10px; width: 92px; height: 82px;}
    .client-say-area .content-area .client-box .user-info {padding: 5px 0 5px 80px; margin-bottom: 20px;}
    .client-say-area .content-area .client-box .user-info .user-photo {height: 70px; width: 70px;}
    .client-slider .owl-nav{padding:0 40px}
    .client-slider .owl-dots{display:none !important}

    .step-box-area .content-area{padding: 60px 30px;}
    .step-box-area .content-area h2{font-size: 26px;}
    .step-box-area .graphic-area .number::before {content: none;}
    .step-box-area .graphic-area .number.right::before {content: none;}
    .step-box-area .graphic-area .number{width: 50px;height: 50px;left: 40%;line-height: 50px;top: 90%;}
    .step-box-area .graphic-area .number.right {width: 50px;height: 50px;right: 40%;line-height: 50px;top: 90%;}

    .dashible-deals-area .table-center {width: 100%;}
    .dashible-deals-area .shape-2{left: -280px; top: -250px; height: 710px; width: 300px;}
    .dashible-deals-area .shape-1{height: 710px; width: 300px;}

    .page_title_sec{background-position: top !important;}
    .page_title_sec .page_title_area{padding: 110px 0 90px 0;}
    .page_title_sec .page_title_area h2{font-size: 36px;}
    .contact-content-area{margin: 50px 0;}
    .contact-content-area .left-side{width: 40%;margin: 0 auto 50px auto;}

    .left-side-area, .right-side-area, .MetaBronx-area, .Gentlemans-Factory-area, .left-side-area{display:block}
    .left-side-area .graphic-area{width:100%;border-radius:35px; margin: 15px 0 0 0 ;}
    .right-side-area .graphic-area{width:100%;border-radius:35px; margin: 15px 0 0 0 ;}
    .MetaBronx-area .graphic-area{width:100%;border-radius:35px; margin: 15px 0 0 0 ;}
    .Gentlemans-Factory-area .graphic-area{width:100%;border-radius: 35px; margin: 15px 0 0 0 ;}
    .left-side-area .graphic-area{width:100%;border-radius:35px;margin: 15px 0 0 0 ;}
    .left-side-area .graphic-area img, .right-side-area .graphic-area img, .MetaBronx-area .graphic-area img, .Gentlemans-Factory-area .graphic-area img, .left-side-area .graphic-area img{width: 100%;}
    .left-side-area .content-area , .right-side-area .content-area , .MetaBronx-area .content-area , .Gentlemans-Factory-area .content-area, .left-side-area .content-area{width: 100%; padding:35px 25px; margin: 0;}
    .left-side-area .content-area h2, .right-side-area .content-area h2, .MetaBronx-area .content-area h2, .Gentlemans-Factory-area .content-area h2, .left-side-area .content-area h2 {font-size: 26px;line-height: 26px; margin:0 0 20px 0}
    .left-side-area .content-area h2 span {font-size: 24px;}

    .sign_up_sec .step_sec ul li.step_number{margin: 0 60px;}

    .faq_sec .faq_right .collapsible-link::after{right: 0;width: 3px;height: 19px;}
    .faq_sec .faq_right .collapsible-link::before{right:-7px;width: 18px;height: 3px;}
    .team-area{padding-bottom: 0px}
    .team-area .team-box{margin-bottom: 100px; min-height: auto}

    .career_area .shape-2{left: -500px; top: -78px; height: 40%; width: 120%; border-radius:100px}
    .career_area .shape-1{right: -500px; bottom: 0; top:auto; height: 71%; width: 105%; border-radius:100px}
    .career_area .logo{margin: 0px 0 30px 0}
    .career_area h1{font-size:26px; line-height:40px}
    .career_area h1 span{font-size:26px; line-height:40px}
    .hiring-area .content-area, .hiring-area .graphic-area{padding: 20px; border-radius: 10px;}
    .hiring-area{padding: 0 0 60px 0px}


    .profile_cover{height: 300px;}
    .profile_area{margin: -60px auto 15px auto}
    .profile_area .profile-photo{width: 120px; height: 120px; top: -60px; left: 50%; margin-left:-60px }
    .profile_area h1 {font-size: 24px;line-height: 40px; padding-left: 0; color: #000; font-weight: 700; text-align: center; padding: 68px 0 0px 0;}
    .profile_area ul.btn-list li:last-child{width: 100%}
    .profile_area ul.btn-list{padding: 15px}
    .profile_area ul.btn-list li .icon{margin: 0 auto; float: none;}
    .profile_area ul.btn-list li {width: calc(25% - 0px); font-size: 13px; text-align: center;}
    .address-map{padding: 15px; margin-bottom: 15px;}
    .address-map p a{word-wrap: anywhere;}
    .content-area ul.tab-area li{width: calc(25% - 0px); text-align: center;}
    .content-area ul.tab-area li a i { margin-right: 0px; display: block;}
    .content-area ul.tab-area li a {padding: 10px 10px; font-size: 12px; margin-right: 0px}

    .content-area .deal-box{padding: 10px 14px; margin-bottom: 15px}
    .content-area .deal-box .offer{font-size: 18px}
    .content-area .deal-box p{font-size: 14px}

    .content-area .deal-box ul.option li {font-size: 12px; line-height: 24px; float: left; margin-right: 5px;}
    .content-area .deal-box ul.option li img {width: 24px; margin-right: 0px;}
    .content-area .review-box .review-photo{position:relative; margin: 0 auto 15px auto}
    .content-area .review-box{padding: 0px}

    #atlantic-ave-dash .modal-dialog{max-width: 700px}
    .atlantic-ave-dash-popup{background-size: auto 160%; padding: 50px 50px 30px 180px}
    .atlantic-ave-dash-popup .logo{left: 10px}

    .error_top_area .contant-area{padding: 160px 20px}
    .error_top_area h2 strong{font-size: 50px; line-height: 60px}
    .error_top_area h2{font-size: 28px; line-height: 40px}
    .error_top_area .mac-video{height: auto}

    .modern-customer-loyalty-page .press-release-area{display: block;}
    .modern-customer-loyalty-page .press-release-area .graphic-area{width: 100%;display: block;}
    .modern-customer-loyalty-page .press-release-area .content-area{width: 100%;display: block;}
    .modern-customer-loyalty-page .press-release-area .content-area h1{text-align: center;font-size: 26px;margin: 20px 0;}
    .modern-customer-loyalty-page .press-release-area .content-area p{font-size: 16px;text-align: center;}
    .modern-customer-loyalty-page .press-release-area .graphic-area:nth-child(2n) h1,.modern-customer-loyalty-page .press-release-area .graphic-area h1{font-size: 30px;text-align: center;}
    .modern-customer-loyalty-page .press-release-area .graphic-area:nth-child(2n) h1::before ,.modern-customer-loyalty-page .press-release-area .graphic-area h1::before {right: 43%;left: auto;}
  
  
  }

    @media (max-width: 767px) {

    html { -webkit-text-size-adjust:none;}
    .container{ width:90%; margin:0 auto; padding:0;}
    .snapwidget-widget {width: 100% !important; height: 260px !important}

    .menu_full_area .content_area{align-items: flex-start;}
    .menu_full_area .content_area .container{width:90%;}
    .menu_full_area .content_area .menu-logo{width:100px; margin-bottom:20px; padding:25px}
    .menu_full_area .content_area ul.download-icon{margin-bottom:15px}
    .menu_full_area .content_area ul.download-icon li{margin-left:0px}
    .menu_full_area .content_area ul.download-icon li a{padding:8px 25px 15px 55px; font-size:0px}
    .menu_full_area .content_area ul.download-icon li a span{ font-size:0px}

    .menu_full_area .content_area h3 {font-size: 20px; line-height: 20px; font-weight: 500; margin: 0px 0 10px 0;}
    .menu_full_area .content_area ul.social li{margin:0 10px 0 0}
    .menu_full_area .content_area ul.social li a {width: 38px; height: 38px; line-height: 15px;}
    .menu_full_area .content_area ul.social li a i{width: 22px; height: 12px; font-size: 16px; line-height: 37px;}
    .menu_full_area .content_area ul.social li a .tiktok {width: 26px; height: 36px; background-size: 72px 38px;}
    .menu_full_area .content_area ul.menu{margin-top:30px; display: flex; justify-content: space-between; align-items: center; z-index: 1; flex-wrap: wrap;}
    .menu_full_area .content_area ul.menu li{width: calc(50% - 10px); font-size: 18px; line-height: 18px;}
    .menu_full_area .content_area ul.menu li:hover{font-weight:400; letter-spacing:0px; padding:0px}
    .menu_full_area .content_area ul.menu li:before{content:none}
    .menu_full_area .content_area ul.menu li.mobile{display:block}

    header .nav_sec{padding:10px 0}
    header .nav_sec ul.social{display:none}
    header .nav_sec ul.menu-link li a{padding: 0 6px; font-size: 16px;}
    header .nav_sec .coin-img {width: 50px; border-radius: 0 30px 30px 0px; top:70px; }
    
    .gray-btn {padding: 7px 25px;font-size: 20px;}
    .yellow-btn {padding: 7px 25px;font-size: 20px;}

    .video_sec .caption{text-align:center}
    .video_sec .caption h2{font-size:26px; line-height:32px}
    .video_sec .caption h2 strong{font-size:50px; line-height:60px}
    .video_sec .caption ul.download-icon{margin:20px 0px 0px 0px}
    .video_sec .caption ul.download-icon li{margin:0 5px}
    .video_sec .caption ul.download-icon li a{padding:0px; line-height:60px; width:60px; height:60px; font-size:0px; text-align:center}
    .video_sec .caption ul.download-icon li a span{font-size:0px}
    .video_sec .caption ul.download-icon li a i {position: relative; left: 0; font-size: 36px; line-height: 56px;}

    .merchant-area{padding:50px 0}
    .merchant-area h2{font-size:26px}
    .merchant-area p{font-size:18px; line-height:26px}
    .merchant-area .logo{width:160px;}
    .merchant-area .btn-link {padding: 7px 25px;font-size: 18px;}
    .merchant-area .logo img{width:100%;}

    .featured-deals-area .leftside h2{font-size:38px}
    .featured-deals-area .bg-color{display:block; padding:50px 0 120px 0}
    .featured-deals-area .leftside{width:100%; padding:0 0 0 20px}
    .featured-deals-area .rightside{width:100%; padding:30px 0 0 20px}
    .featured-deals-area .owl-nav{left:0px; bottom:-70px}
    .featured-deals-area .featured-deal-slider .item{padding:5px}
    .featured-deals-area .featured-deal-slider .deal-box .offer-business{left:10px; bottom:10px}
    .featured-deals-area .featured-deal-slider .deal-box .offer-business h2{font-size:18px; line-height:20px}
    .featured-deals-area .featured-deal-slider .deal-box ul.option{top:10px; right:10px; width:40px}
    .featured-deals-area .featured-deal-slider .deal-box ul.option li img {width: 40px;}
    .tooltip .tooltiptext{top:4px}

    .loyalty-card-area, .deals-and-lotalty-area, .app-download-area{display:block}
    .app-download-area .graphic-area{width:100%}
    .app-download-area .content-area{width: 100%; border-radius:0 0 25px 25px; padding:35px 25px; margin: 0;}
    .app-download-area .content-area h2 {font-size: 50px;line-height: 36px; margin:0 0 20px 0}
    .app-download-area .content-area h2 span {font-size: 24px;}
    .app-download-area .content-area h3 {font-size: 24px; line-height: 30px; margin: 0 0 15px 0;}
    .app-download-area .content-area ul.download-icon{margin:0px}
    .app-download-area .content-area ul.download-icon li{margin:0 10px 0 0}
    .app-download-area .content-area ul.download-icon li a{padding:0px; line-height:60px; width:60px; height:60px; font-size:0px; text-align:center}
    .app-download-area .content-area ul.download-icon li a span{font-size:0px}
    .app-download-area .content-area ul.download-icon li a i {position: relative; left: 0; font-size: 36px; line-height: 56px;}

    .deals-and-lotalty-area .graphic-area{width:100%;}
    .deals-and-lotalty-area .content-area{width: 100%; border-radius: 25px; padding:35px 25px; }
    .deals-and-lotalty-area .content-area h2{font-size: 26px; padding-bottom: 20px;}
    .deals-and-lotalty-area .content-area p{width:100%}
    .loyalty-card-area .content-area{width: 100%; border-radius: 25px; padding: 35px 25px;}
    .loyalty-card-area .content-area h2{font-size: 26px; padding-bottom: 20px;}
    .loyalty-card-area .content-area h3 {font-size: 20px;line-height: 28px;}
    .loyalty-card-area .content-area p{width:100%; font-size:18px; line-height:26px}
    .loyalty-card-area .content-area ul.list {margin: 0;}
    .loyalty-card-area .content-area ul.list li {width: 60px; text-align: center; margin-right: 20px;}
    .loyalty-card-area .content-area ul.list li .icon {width: 50px; height: 50px;}
    .loyalty-card-area .content-area ul.list li .icon img{width:100%;}
    .loyalty-card-area .content-area ul.list li h4{font-size:18px}
    .loyalty-card-area .graphic-area{width:100%;}
    .loyalty-card-area .content-area .man-img{width:76%}
    .loyalty-card-area .content-area .main-card-img{width:100%}

    .insta-area{padding:0 0 40px 0px}
    .insta-area ul.insta-post li {width: calc(50% - 10px);}

    .deal-map-area{height:600px; background: #f3f3f3;   padding-top: 240px;}
    .deal-map-area .caption .form-control{margin-bottom:10px; height:50px !important}

    footer .newsletter-area h3 {font-size: 18px; line-height: 18px; color: #fff; margin: 0px 0 15px 0;}
    footer .newsletter-area .newsletter-box .btn-submit{position: relative; width: 100%; top:0px; right: 0px; margin-top: 10px; background: #e98541}
    footer .footer_bg{padding:30px 0 10px 0;}
    footer .footer_bg .footer-logo{margin:0 auto 0px auto}
    footer .footer_bg p{text-align: center;}
    footer .footer_bg h3.md-right{margin-left: 0px}
    footer .footer_bg ul.link-menu{margin: 0 0 20px 0}
    footer .footer_bg ul.social{float: none; display: block; width: 270px; margin: 0 auto 15px auto; height: 48px;}
    footer .footer_bg ul.social li{margin:0 3px}
    footer .footer_bg ul.download-icon{margin:0px 0px 15px 0px; }
    footer .footer_bg ul.download-icon li{margin:0 10px 0 0; width: auto;}
    footer .footer_bg ul.download-icon li a{padding:0px; line-height:60px; width:60px; height:60px; font-size:0px; text-align:center}
    footer .footer_bg ul.download-icon li a span{font-size:0px}
    footer .footer_bg ul.download-icon li a i {position: relative; left: 0; font-size: 36px; line-height: 56px;}
    footer .copyright{text-align: center;}
    footer .copyright .link{float: none;}

    .merchant_top_area .shape-2 {left: -178px; top: -78px; height: 40%; width: 120%;}
    .merchant_top_area .shape-1{right: -270px; bottom: 0; top:auto; height: 71%; width: 105%;}
    .merchant_top_area .contant-area{display:block; padding:80px 0}
    .merchant_top_area .merchant-content {width: 100%;}
    .merchant_top_area .contant-area .left{text-align:center; width:100%; margin-bottom:30px}
    .merchant_top_area .logo {width: 80px; margin: 0 auto 20px auto;}
    .merchant_top_area .contant-area .left h2{font-size:26px; line-height:32px}
    .merchant_top_area .contant-area .left h2 strong{font-size:50px; line-height:60px}
    .merchant_top_area .contant-area .right{width:100%}
    .merchant_top_area .contant-area .right div{width:100%}
    .merchant_top_area .mobile-area{width:286px; height:484px}
    .merchant_top_area .mobile-area video {width: 205px; height: 100%; max-height: 450px; min-height: 450px; top: 10px; left: 41px;}
    .merchant_top_area .mobile-area::before {top: -10px; right: 10px;width: 60px; height: 60px;}
    .merchant_top_area .mobile-area::after {bottom: 80px; left: 10px; width: 60px; height: 60px;}
    .merchant_top_area .contant-area .right .mac-video {width: 280px; height:auto}
    .merchant_top_area .mac-video video{top: 12px; left: 34px; width: 212px; max-height: 132px; min-height: 132px;}

    .career_area .shape-2 {left: -178px; top: -78px; height: 40%; width: 120%;}
    .career_area .shape-1{right: -270px; bottom: 0; top:auto; height: 71%; width: 105%;}
    .career_area .logo{margin: 0px 0 30px 0}
    .career_area h1{font-size:26px; line-height:40px}
    .career_area h1 span{font-size:26px; line-height:40px}
    .hiring-area .main-box {display: block;}
    .hiring-area .main-box.second {display: block;}
    .hiring-area .content-area, .hiring-area .graphic-area{width: 100%;padding: 20px; border-radius: 10px;}
    .hiring-area h1{font-size:30px; margin: 0px;}
    .hiring-area{padding: 0 0 60px 0px}

    .get-started-area {padding: 50px 0;}
    .get-started-area .title{display:none}
    .get-started-area .shape-2{left: -280px; top: -250px; height: 710px; width: 300px;}
    .get-started-area .shape-1{height: 710px; width: 300px;}
    .get-started-area .tab-content{padding: 0; position: relative; min-height: auto;}
    .get-started-area .tab-content .content-box{display:block}
    .get-started-area .tab-content .content-box .left-content {width: 100%; text-align:center}
    .get-started-area .tab-content .content-box .left-content div{width:100%}
    .get-started-area .tab-content .content-box .left-content .number{margin:0 auto 20px auto}
    .get-started-area .tab-content .content-box .left-content h3{font-size:20px; line-height:24px; margin-bottom:15px; padding:0px}
    .get-started-area .tab-content .content-box .right-photo {width: 100%; margin-top:30px}
    .get-started-area .tab-content .content-box .right-photo img{width:100%}
    .get-started-area h2{font-size:30px; padding-bottom: 20px;}
    .get-started-area ul.nav {margin: 25px 0 0 0; padding: 0px 0; border-left: none; width: 100%; position: relative; left: 0px; border-top: #808690 2px dashed; text-align: center; display: inline-block;}
    .get-started-area ul.nav::before {top:-10px}
    .get-started-area ul.nav::after{bottom:auto; top:-10px; left:auto; right:-10px}
    .get-started-area ul.nav li {width: 40px; position: relative; left: 0; line-height: 40px; text-align: center; margin: 0 15px;  display: inline-block; float: none; top: -12px;}

    .qr-codes-area{display:block}
    .qr-codes-area .content-area{width: 100%; border-radius: 0 0 25px 25px; padding: 35px 25px; margin: 0;}
    .qr-codes-area .content-area h2{font-size:26px; padding-bottom: 20px;}
    .qr-codes-area .content-area p{width:100%}
    .qr-codes-area .graphic-area{width:100%;}

    .client-say-area{display:block}
    .client-say-area .title{display:none}
    .client-say-area .graphic-area, .client-say-area .content-area{width:100%}
    .client-say-area .content-area .client-box {padding: 25px 25px 0 25px; position: relative; min-height: auto;}
    .client-say-area .content-area .client-box::before {background-size: cover;left: 30px; top: 10px; width: 92px; height: 82px;}
    .client-say-area .content-area .client-box .user-info {padding: 5px 0 5px 80px; margin-bottom: 20px;}
    .client-say-area .content-area .client-box .user-info .user-photo {height: 70px; width: 70px;}
    .client-say-area .content-area p {font-size: 14px; line-height: 24px;}
    .client-slider .owl-nav{padding:0 25px}
    .client-slider .owl-dots{display:none !important}

    .main-top-area .bg{position: relative;padding: 30px 0;}
    .main-top-area .bg .icon{width: 45px;}
    .main-top-area .bg h1 {font-size: 16px;line-height: 20px;}

    .step-box-area h1{margin: 0;font-size: 36px;padding-bottom: 20px;}
    .step-box-area .main-box{display: block;margin-bottom: 15px;}
    .step-box-area .content-area {width: 100%;padding:30px;}
    .step-box-area .graphic-area{width: 100%;}
    .step-box-area .graphic-area .number::before {content: none;}
    .step-box-area .graphic-area .number.right::before {content: none;}
    .step-box-area .graphic-area .mobile-area{margin: 60px auto;}
    .step-box-area .btn-start{margin-top: 20px;}

    .step-box-area .graphic-area .number.right, .step-box-area .graphic-area .number{width: 50px;height: 50px;left: 40%;line-height: 50px;top: 90%;}

    .step-box-area .graphic-area img.card_img{width: 100%;padding: 60px 0;}

    .dashible-deals-area .table-center{width:100%}
    .dashible-deals-area .dashible-deal-table thead tr {position: absolute; top: -9999px; left: -9999px;}
    .dashible-deals-area .dashible-deal-table tbody tr {border-top:#e9eef1 5px solid}
    .dashible-deals-area .dashible-deal-table tbody tr td {border: none;    position: relative;  line-height: 24px !important; display:inline-block; width:100%; min-height:40px; padding:10px 10px 10px 40% !important; text-align:left; font-weight:400}
    .dashible-deals-area .dashible-deal-table tbody tr td:before{position: absolute; top: 0; left: 12px; color:#4F6475; width: 35%; white-space: nowrap; line-height:42px; text-align:left; color:#2e4966; font-weight:700}
    .dashible-deals-area .dashible-deal-table tbody tr td:nth-of-type(1):before { content: "Dashible"; }
    .dashible-deals-area .dashible-deal-table tbody tr td:nth-of-type(2):before { content: "VS"; }
    .dashible-deals-area .dashible-deal-table tbody tr td:nth-of-type(3):before { content: "Groupon"; }
    .dashible-deals-area .dashible-deal-table .fa-times-circle, .dashible-deals-area .dashible-deal-table .fa-check-circle{font-size:18px}

    .loyalty-area .dashible-deal-table tbody tr td:nth-of-type(1):before { content: "Digital"; }
    .loyalty-area .dashible-deal-table tbody tr td:nth-of-type(2):before { content: "VS"; }
    .loyalty-area .dashible-deal-table tbody tr td:nth-of-type(3):before { content: "Paper"; }

    .dashible-deals-area .shape-2{left: -280px; top: -250px; height: 710px; width: 300px;}
    .dashible-deals-area .shape-1{height: 710px; width: 300px;}
    .dashible-deals-area h1, .synergy-area h1{font-size:30px; line-height:30px}
    .synergy-area .content-area {display: block;}
    .synergy-area .leftside{width: 100%; padding: 15px 15px 25px 15px; border-radius: 20px 20px 0 0;}
    .synergy-area .rightside{width: 100%; padding: 15px; border-radius: 0 0 20px 20px;}
    .synergy-area .center{width:100%; margin:15px 0}


    .page_title_sec .page_title_area{padding: 110px 0 90px 0;}
    .page_title_sec .page_title_area h2{font-size: 36px;}

    .contact-content-area{margin: 50px 0;}
    .contact-content-area .left-side{width: 60%;margin: 0 auto 50px auto;}

    .sign-in-fullscreen-area .sign-in-box{height: 100%;border-radius: 0;}
    .sign-in-fullscreen-area .sign-in-box .logo{width: 120px;}
    .sign-in-fullscreen-area .sign-in-box .title-area h2{font-size: 16px;}

    .sign-in-fullscreen-area .sign-in-box .sing-in-form{padding: 0 10px;}
    .sign-in-fullscreen-area .sign-in-box .sing-in-form .btn-login{padding: 10px 0;}
    .sign-in-fullscreen-area .sign-in-box .sing-in-form .form-group .form-control{padding: 15px 15px 10px 25px;}


    .left-side-area, .right-side-area, .MetaBronx-area, .Gentlemans-Factory-area, .left-side-area{display:block}
    .left-side-area .graphic-area{width:90%;border-radius:35px; margin: 5%;}
    .right-side-area .graphic-area{width:90%;border-radius:35px; margin: 5%;}
    .MetaBronx-area .graphic-area{width:90%;border-radius:35px;margin:5%;}
    .Gentlemans-Factory-area .graphic-area{width:90%;border-radius: 35px; margin: 5%;}
    .left-side-area .graphic-area{width:90%;border-radius:35px;margin:  5%;}
    .left-side-area .graphic-area img, .right-side-area .graphic-area img, .MetaBronx-area .graphic-area img, .Gentlemans-Factory-area .graphic-area img, .left-side-area .graphic-area img{width: 100%;}
    .left-side-area .content-area , .right-side-area .content-area , .MetaBronx-area .content-area , .Gentlemans-Factory-area .content-area, .left-side-area .content-area{width: 100%; padding:35px 25px; margin: 0;}
    .left-side-area .content-area h2, .right-side-area .content-area h2, .MetaBronx-area .content-area h2, .Gentlemans-Factory-area .content-area h2, .left-side-area .content-area h2 {font-size: 26px;line-height: 26px; margin:0 0 20px 0}
    .left-side-area .content-area h2 span {font-size: 24px;}

    .sign_up_sec .box_area .box_form{padding: 0 15px;}
    .sign_up_sec .box_area .box_form .btn-login{font-size: 16px;}

    .sign_up_sec .step_sec ul li.step_number{margin: 0 12px;}
    .sign_up_sec .step_sec ul li.step_number::after{width: 26px;}

    .faq_sec .faq_right .collapsible-link::after{right: 0;width: 3px;height: 19px;}
    .faq_sec .faq_right .collapsible-link::before{right:-7px;width: 18px;height: 3px;}

    .about-info-area .shape-2{left: -280px; top: -250px; height: 710px; width: 300px;}
    .about-info-area .shape-1{height: 710px; width: 300px;}
    .about-info-area .step-main-box .number {width: 50px; height: 50px; font-size: 24px; line-height: 50px; background-size: 100%;}
    .about-info-area .step-main-box{padding: 0 0 0 70px}
    .about-info-area .step-main-box::before {left: 50px}
    .about-info-area .step-main-box .title{font-size: 24px; padding-top: 10px; margin: 0px 0px 10px 0px}
    .about-info-area .step-main-box p{font-size: 16px; line-height: 24px}
    .about-info-area .step-main-box .line{margin: 20px 50px 0px -20px}
    .about-info-area .step-main-box.right .number{background-size: 100%;}
    .about-info-area .step-main-box.right::before {right: 50px}
    .about-info-area .step-main-box.right{padding: 0 70px 0 0}
    .about-info-area .step-main-box.right .line{margin: 20px -20px 0px 50px}

    .team-area h2{font-size:30px; margin: 0px 0px 30px 0px}
    .team-area .team-box{padding: 20px 20px 1px 20px; margin-bottom: 20px}
    .team-area .team-box .photo {top: 0; position: relative; left: 0; margin: auto;}
    .team-area .team-box .title{text-align: center; margin: 15px 0; padding: 0px}
    .team-area .team-box p{text-align: center;}

    .profile_cover{height: 300px;}
    .profile_cover.desktop{display: none;}
    .profile_cover.mobile{display: block;}
    .profile_area{margin: -60px auto 15px auto}
    .profile_area .profile-photo{width: 120px; height: 120px; top: -60px; left: 50%; margin-left:-60px }
    .profile_area h1 {font-size: 24px;line-height: 40px; padding-left: 0; color: #000; font-weight: 700; text-align: center; padding: 68px 10px 0px 10px;}

    .profile_area ul.btn-list{padding: 15px;justify-content: center;}
    .profile_area ul.btn-list li .icon{margin: 0 auto; float: none;}
    .profile_area ul.btn-list li {width: calc(30% - 0px); font-size: 13px; text-align: center; margin-bottom: 15px;}
    .profile_area ul.btn-list li:last-child{width: 100% !important}
    .address-map{padding: 15px; margin-bottom: 15px;}
    .address-map p a{word-wrap: anywhere;}
    .content-area ul.tab-area li{width: calc(25% - 0px); text-align: center;}
    .content-area ul.tab-area li a i { margin-right: 0px; display: block;}
    .content-area ul.tab-area li a {padding: 10px 10px; font-size: 12px; margin-right: 0px}

    .content-area .deal-box{padding: 10px 14px; margin-bottom: 15px}
    .content-area .deal-box .offer{font-size: 18px}
    .content-area .deal-box p{font-size: 14px}

    .content-area .deal-box ul.option li {font-size: 12px; line-height: 24px; float: left; margin-right: 5px;}
    .content-area .deal-box ul.option li img {width: 24px; margin-right: 0px;}
    .content-area .review-box .review-photo{position:relative; margin: 0 auto 15px auto}
    .content-area .review-box{padding: 0px}

    .atlantic-ave-dash-popup{background: none; padding: 30px 15px}
    .atlantic-ave-dash-popup .logo {width: 120px; height: 120px; border: #00acee 5px solid; padding: 6px; position: relative; top: 0; left: 0; margin: 0 auto 20px auto;}
    .atlantic-ave-dash-popup h1{font-size: 34px; line-height: 36px; margin-bottom: 15px}
    .atlantic-ave-dash-popup h1 span{font-size: 28px;}
    .atlantic-ave-dash-popup h3{font-size: 24px; margin-bottom: 15px}
    .atlantic-ave-dash-popup p{font-size:16px; line-height: 20px; margin-bottom: 10px}


    .error_top_area .shape-2 {left: -178px; top: -78px; height: 40%; width: 120%;}
    .error_top_area .shape-1{right: -270px; bottom: 0; top:auto; height: 71%; width: 105%;}
    .error_top_area .contant-area {display: block; padding: 80px 0;}
    .error_top_area .contant-area .left{text-align:center; width:100%; margin-bottom:30px}
    .error_top_area .contant-area .right{width:100%}
    .error_top_area .contant-area .right .mac-video {width: 280px; height:auto}
    .error_top_area h2 strong{font-size: 50px; line-height: 60px}
    .error_top_area h2{font-size: 28px; line-height: 40px}
    .error_top_area .contant-area .merchant-content{width: 100%}


    .bitcoin-content ul.bitcoin-point li{width: 100%;}

    .modern-customer-loyalty-page .press-release-area{display: block;}
    .modern-customer-loyalty-page .press-release-area .graphic-area{width: 100%;display: block;padding: 00;}
    .modern-customer-loyalty-page .press-release-area .content-area{width: 100%;display: block;padding: 0;}
    .modern-customer-loyalty-page .press-release-area .graphic-area img{width: 100%;}
    .modern-customer-loyalty-page .press-release-area .content-area h1{text-align: center;font-size: 20px;margin: 20px 0;}
    .modern-customer-loyalty-page .press-release-area .content-area p{font-size: 16px;text-align: center;}
    .modern-customer-loyalty-page .press-release-area .graphic-area:nth-child(2n) h1,.modern-customer-loyalty-page .press-release-area .graphic-area h1{font-size: 22px;text-align: center;}
    .modern-customer-loyalty-page .press-release-area .graphic-area:nth-child(2n) h1::before ,.modern-customer-loyalty-page .press-release-area .graphic-area h1::before {right: 38%;left: auto;}
    .modern-customer-loyalty-page .press-release-area .graphic-area h1:nth-child(2){margin-top: 0;}
  }

    @media (max-width: 359px) {
    }
    @media only screen and (max-width:480px) {

    }