@media only screen and (max-width: 1200px) { 
    .banner_desc {  width: calc(100% - 531px);}
    .banner_over {width: 530px;}
    .wrapper {overflow: hidden}
    .clients_logo ul li {    margin-bottom: 25px;}
        .lover_your_back .inner_wrap {    max-width: 740px;}
    .shape1:before {    content: "";    top: 1px;    left: -233px;     width: 328px; }
    .text1.text {    left: -246px;    top: 164px;}
.shape2:before {    content: "";    top: 1px;    right: -234px;       width: 326px;}
        .text2.text {    right: -246px;    top: 164px;}
    .shape3:before {    left: -293px;    width: 330px;}
    .text3.text {    position: absolute;    left: -284px;    bottom: 14px;    max-width: 320px;}
    .lover_your_back .buttons_sec {width: 220px;right: 25px;}
    .available {left:0px;}
    .social_links {width: 100%; margin-top: 30px; float: none}
    .copy_right  {width: 27%;}
    .instructions.last .image_sec img {left: 0}
    .post-template-default .banner_section {    padding: 0px 0 00px 0px;  }
    .post-template-default .banner_content h1 {    font-size: 48px;    line-height: 56px;padding: 12px 0;}   
    .post-template-default .banner_content {padding: 0}
}
@media only screen and (max-width: 1024px) {
    .site_nav ul li {padding: 0 14.5px;}
    .post-template-default .banner_section , .page-template-blog  .banner_section{background-position: center!important;}
    .artilce_feat_prod {width: 400px;}
    .banner_section  h1,
    .title h2,.feat_product strong
    {font-size: 42px; line-height: 46px;}
    .banner_desc {width: 100%;}
    .banner_over {width: 100%; max-width: 590px;}
    .clients_logo h6, .testimonial_section h6 {margin-bottom: 30px;}
    .clients_logo {padding-bottom: 80px;}
    .lover_your_back .back_img {width: 300px}
    .lover_your_back .buttons_sec {    bottom: 270px; }
    .shape1:after {    content: "";    top: 35px;    left: 58px;    width: 30px;    height: 30px;}
    .shape2:after {content: ""; top: 35px; right: 58px;  width: 30px;  height: 30px;}
.shape3:after {    content: "";    bottom: 35px;    left: 25px;    width: 30px;    height: 30px;}
    .shape1:before {content: "";top: 5px;left: -155px; width: 213px;   height: 64px;}
    .shape2:before {  content: "";  top: 5px;   right: -148px;    width: 206px;    height: 64px;}
    .shape3:before {  left: -144px;  width: 172px;   bottom: 31px;}
    .shape1 { position: absolute;    top: 150px;    display: inline-block;    left: 39px;    width: 103px;}
    .shape2 { position: absolute;    top: 150px;    right: 51px;    width: 103px;}
    .shape3 {  position: absolute;  bottom: 19px;  left: 79px;   width: 64px;}
    
    .text2.text {    right: -167px;    top: 110px;}
    .text1.text {    left: -167px;    top: 110px;}
    .text3.text {    position: absolute;    left: -218px;    bottom: 25px;    max-width: 227px;}
    .money_raised h4 {font-size: 28px;}
    .feat_product .col_right {width: 40%; }
    .feat_product .col_left {width: 60%;}
    .feat_product li {    font-size: 18px; line-height: 24px;   margin-bottom: 15px;}
    .footer_menu {  width: 60%;} 
    .ovrlay img {width: 100%;}
    img.show {width: 100%}
    .copy_right {    width: 40%;}
    .appstore_links {    width: 26.7%;}
    .footer_top > div:nth-child(2) {    width: 41.7%;  }  
        .footer_top > div:first-child {padding-right: 25px;}
    footer h5 {font-size: 20px}
    .page-template-how-it-woks .banner_desc {width: 100%;}
    .page-template-how-it-woks .banner_over{width: 100%; max-width:619px; } 
    .banner_section  h1 br {display: none}
    .instructions h3 {font-size: 36px; line-height: 40px;}
       .mob_hide {display: none;}
.mob_show {display: block;}
.feat_blog_img {width:100%}
}
@media only screen and (min-width: 769px) {  .menu-main-menu-container {display: block!important} }
@media only screen and (max-width: 768px) {
    .fancybox-inner {height: 48vw!important}
    .fancybox-skin {padding: 5px!important}
    .post-template-default .banner_content h1 { font-size: 26px;    line-height: 34px;}
    .post-template-default .banner_section {margin-top: 82px;}
    .article_detail .article_content p {margin-bottom: 15px;}
    .article_detail .article_content p img {width: 100%; height: auto}
    .artilce_feat_prod .left_sec, .artilce_feat_prod .right_sec {width: 100%; float: none;}
    .artilce_feat_prod {margin-left: 0px;}
    .artilce_feat_prod {width: 100%; float: none}
    .title {    margin-bottom: 40px;}
    .site_nav.col_right {float: right}
    .logo.col_left {float: left}
    .menu-main-menu-container {display: none}
    .site_nav ul li {display: block}
    #nav-icon3 {display: block;}
    .menu-main-menu-container {  position: absolute;    right: 0;    top: 100%;    width: 100%;    text-align: center;    background: rgba(0, 0, 0, 0.9);    }
    .main_head { background: rgba(0, 0, 0, 0.9);}
    .site_nav ul li {padding: 10px;}
    .site_nav ul {padding-bottom: 10px}
    .banner_content_home {    padding: 0;}
    .banner_section h1, .title h2, .feat_product strong {    font-size: 32px;    line-height: 39px;}
    .banner_content_home h1 {  text-align: center; margin-bottom: 20px;}
    .col_left {float: none;}
    .col_right{float: none;}
    .banner_over {text-align: center}
/*
    .banner_over .img1 {    position: relative;    bottom: 0;    left: 0;    width: auto; max-width: 100%; margin: 0 auto 15px;}
    .banner_over  .img2 {float: none; margin: auto}
*/
    .banner_desc {text-align: center; margin-bottom: 20px;}
    .content_sec.col_right {padding-left: 0}
    .banner_desc p {margin-bottom: 25px;}
    .banner_over {width: 100%; max-width: 640px; }
    .clients_logo {background-size: cover;padding: 40px 0}
    .lover_your_back .title {margin-bottom: 140px;}
    .lover_your_back .buttons_sec {    bottom: 349px;    right: 0;    left: 0;    margin: 0 auto;}
    .steps ul li {width: 100%; float: none; max-width: 350px; margin: 0 auto 50px;}
    .screen_slouch {background-size: cover; background-position: center}
    .screen_slouch  h6 {margin-bottom: 25px;}
    .screen_slouch {padding: 40px 0 1px 0 ; }
    .left_content {    width: 100%;}
    .money_raised .right_image img {margin: 0 auto; max-width: 100%; }
    .money_raised {text-align: center}
    .money_raised h4 {    font-size: 22px;    line-height: 32px;}
    .available {    position: absolute;    top: -143px;   }
    .track {padding: 94px 0 40px 0}
    .phone_screens img {    width: 100%;    max-width: 441px; padding-left: 15px; padding-right: 15px;   margin: 0 auto;}
    .page-template-home .buy_now {    padding: 20px 60px;}
    .track .buttons_sec {margin-bottom: 40px;}
    .advantages ul li {width: 100%; margin: 0 auto 30px; float:none}
    .features .features_listing li {width: 100%; margin: 0 auto 30px; float:none}
    .features {padding-bottom: 40px}
    .feat_product .col_right, .feat_product .col_left {width: 100%;}
    .feat_product .col_left {padding: 0; text-align: center}
    .feat_product .col_right {max-width: 277px; display: block; margin: 0 auto}
    .footer_top > div:first-child ,.footer_top > div:nth-child(2) {float: none; width: 100%; margin: 0 0 35px 0; padding: 0}
    .appstore_links {max-width: 200px; width: 100%; margin: 0 auto}
    footer {text-align: center}
    .copy_right, .footer_menu {width: 100%; text-align: center}
    footer h5 {text-align: center}
    .image_sec.col_left , .image_sec.col_right {width: 100%;}
    .image_sec {text-align: center  }
    .content_sec.col_right ,.content_sec.col_left {width: 100%;height: auto !important;}
    .instructions .col_right ,.instructions .col_left {width: 100%;height: auto !important;}
    .video_wrper .playbtn img {width: 70px; height: 70px;}
    .instructions.last .content_sec {padding: 0 0 40px 0}
    .instructions h3 {text-align: center; font-size: 26px; line-height: 30px;margin: 15px 0}
    .content_sec {padding: 30px 0 }
    .instructions {    background-size: cover!important;    background-position: cover!important;}
    .instructions p:last-child {margin-bottom: 0px;}
.instructions.last .image_sec img {height: auto}   
    .banner_section {    padding: 140px 0 80px 0;}
    
    .feat_article h2 {    font-size: 25px;    line-height: 30px;    margin-bottom: 15px;    padding-bottom: 15px;}
    .article_listing article.post .feat_img { margin: 0 auto; margin-bottom: 15px;  width: 100%; max-width: 338px;    padding-right: 0px; }
    .article_listing article.post .entry_content {width: 100%;}
    .article_listing article.post h3 a {    font-size: 28px;    line-height: 34px;}
    .article_listing article.post .entry_content {text-align: center}
    .site_nav {margin-top: 10px;}   
    .site_nav ul li:last-of-type {padding-right: 10px}
    .features .features_listing img {transform: translate(0%)}
    .artilce_feat_prod {display: none;}
}
@media only screen and (max-width: 767px) {

    .lover_your_back .back_img > img {width: 170px;float: right}
    .lover_your_back .back_img:after {clear: both; display: block; content: ""; width: 100%;}
    .shape1 { position: absolute;  top: 86px;    display: inline-block;    left: 154px;   width: 57px;}
    .shape2 { position: absolute;  top: 86px;    display: inline-block;    right: 30px;   width: 57px;}
    .shape3 {    position: absolute;      bottom: 7px;    left: 177px;    width: 35px;}
    .shape1:after {    content: "";    top: 20px;    left: 30px;    width: 19px;    height: 19px;}
   .shape2:after {    content: "";    top: 20px;    right: 30px;    width: 19px;    height: 19px;}
    .shape3:after {    content: "";    bottom: 16px;    left: 13px;    width: 19px;    height: 19px;}
    .lover_your_back .buttons_sec {    bottom: 200px;} 
    .text p { font-family: 'Montserrat', sans-serif;   font-weight: 300;    font-size: 12px;    line-height: 17px;    color: #fff;}
    .text3.text {    position: absolute;    left: 1px;    bottom: 11px;    max-width: 220px;}
    img.show {opacity: 1}
    .shape2:before {    content: "";    top: -25px;    right: -8px;    width: 172px;    height: 30px;    transform: rotate(52deg);}
    .text2.text {    right: 171px;    top: 4px;}
    .shape1:before {   content: "";   top: 9px;    left: -74px;    width: 172px;    height: 23px;}
    .text1.text {    left: 0;    top: 61px;}
    .shape3:before {   left: -106px;    width: 121px;    bottom: 7px;}
    }
    
   @media only screen and (max-width: 640px) { 
       .banner_over .img1 {       width: 60%;    max-width: 192px;}
       .banner_over .img2 {     width: 60%;    max-width: 192px;}
       .banner_over , .page-template-how-it-woks .banner_over {width: 100%; max-width: 320px; margin: 10px auto;}
}