@media screen and (min-width:1024px) { 
 .scroll header { background: #fff; z-index: 999; position: fixed; -webkit-box-shadow: 0px 1px 10px 1px rgba(41,41,41,0.2); -moz-box-shadow: 0px 1px 10px 1px rgba(41,41,41,0.2); box-shadow: 0px 1px 10px 1px rgba(41,41,41,0.2); } 
 .scroll .section { margin-top: 100px !important; } 
 .scroll .logo-box img { height: 50px !important; } 
 .scroll .navigation-signup-box { margin: 12px 0 12px !important; } 
 } 

@media screen and (max-width:1640px) { 
 .landing-page-box { width: 100%; margin: 0; padding: 0 20px; } 
 } 

 @media screen and (max-width:1440px) { 
 .inner-container { width: 100%; margin: 0; max-width: 100%; padding: 0 30px; } 
 .lpb-logo-box { padding-right: 200px; } 
 } 
 
 @media screen and (max-width:1200px) { 
 .inner-container { padding: 0 20px; } 
 .logo-box img { height: 60px; } 
 .navigation-box li a { font-size: 16px; padding: 8px 15px; } 
 .signup-signin-box li a { padding: 8px 0; width: 110px } 
 .navigation-signup-box { margin: 17px 0; } 
 .landing-page-box { height: 580px; background-size:auto 90% } 
 .lpb-text-box { padding-left: 50px; width: 460px; } 
 .lpb-logo-box { padding-right: 100px; } 
 .lpb-logo-box img { height: 330px; } 
 .lpb-text-box h1 { font-size: 36px; } 
 .lpb-text-box p { font-size: 20px; margin-top: 30px; } 
 .lpb-get-started-button { width: 200px; height: 50px; margin-top: 40px; } 
 .landing-page-outer-box { padding-bottom: 50px } 
 .whoweare-box { width: calc(100% - 100px); -webkit-box-shadow: 0px 3px 15px 2px rgba(41,41,41,0.2); -moz-box-shadow: 0px 3px 15px 2px rgba(41,41,41,0.2); box-shadow: 0px 3px 15px 2px rgba(41,41,41,0.2); padding: 20px 50px 10px; border-radius: 10px; margin: 0 50px; } 
 .whoweare-box h2 { font-size: 26px; margin: 0 0 15px; } 
 .whoweare-box p { font-size: 16px; line-height: 20px; margin-bottom: 15px; } 
 .mockupguru-advantage-box { width: calc(100% - 100px); margin: 50px; } 
 .mockupguru-advantage-list li { padding: 25px; height: 280px; } 
 .quote-outer-box { padding: 25px 0; } 
 .quote-box { width: calc(100% - 100px); margin: 0 50px } 
 .importance-outer-box, .StairsOfSuccess-outer-box { margin-top: 50px; } 
 .Features-mockupguru-outer-box, .Pricing-Table-outer-box { margin: 50px 0 } 
 .partner-withus-box { padding: 50px 0 } 
 .website-title { margin-bottom: 30px; font-size: 26px; letter-spacing: 2px; } 
 .Pricing-Table-box { padding: 0 50px; } 
 } 

 @media screen and (max-width:1160px) { 
 .whoweare-box { width: calc(100% - 40px); margin: 0 20px; } 
 .mockupguru-advantage-box { width: calc(100% - 40px); margin: 50px 20px; } 
 .mockupguru-advantage-list li { padding: 20px; height: 250px; } 
 .mal-title-box { font-size: 18px; margin: 15px 0 20px; } 
 .mal-content-box { font-size: 14px; line-height: 20px; } 
 .navigation-box li a { font-size: 16px; padding: 8px 12px; margin-left: 0; } 
 } 

 @media screen and (max-width:1024px) { 
.logo-box img { height: 50px; } 
.responsive-navigation-box, .side-box-close-btn { display: block } 
.navigation-signup-box { width: 280px; height: 100%; position: fixed; top: 0; right: -20px; margin: 0; background: #fff; z-index: 100; transform: translate3d(280px, 0px, 0px); -ms-transform: translate3d(280px, 0px, 0px); -webkit-transform: translate3d(280px, 0px, 0px); -moz-transform: translate3d(280px, 0px, 0px); -o-transform: translate3d(280px, 0px, 0px); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); -moz-transition: all 0.3s cubic-bezier(0.5, 0.3, 0.47, 0.81); -o-transition: all 0.3s cubic-bezier(0.5, 0.3, 0.47, 0.81); -webkit-transition: all 0.3s cubic-bezier(0.5, 0.3, 0.47, 0.81); transition: all 0.3s cubic-bezier(0.5, 0.3, 0.47, 0.81); } 
.navigation-signup-box.open { transform: translate3d(-20px, 0px, 0px); -ms-transform: translate3d(-20px, 0px, 0px); -webkit-transform: translate3d(-20px, 0px, 0px); -moz-transform: translate3d(-20px, 0px, 0px); -o-transform: translate3d(-20px, 0px, 0px); } 
.navigation-box { height: calc(100% - 180px); overflow: auto; } 
.navigation-box li, .signup-signin-box li { width: 100%; } 
.navigation-box li a { font-size: 16px; padding: 12px 15px; margin: 0; border-bottom: 1px solid #ccc; width: 100%; float: left; } 
.signup-signin-box { position: absolute; bottom: 0; width: 100%; } 
.signup-signin-box li a { padding: 14px 0; width: calc(100% - 20px); margin: 0 10px 10px; border-radius: 0; } 
.landing-page-outer-box { margin: -70px 0 0; padding: 0 } 
.lpb-text-box { padding-left: 20px; width: 480px; } 
.lpb-logo-box img { height: 300px; } 
.lpb-logo-box { padding-right: 50px; } 
.landing-page-box { height: auto; background-size: auto 90%; background-position: 99% top; } 
.lpb-text-box h1 { font-size: 30px; } 
.lpb-text-box p { font-size: 18px; margin-top: 10px; } 
.lpb-get-started-button { width: 160px; height: 46px; margin-top: 20px; font-size: 14px; } 
.whoweare-outer-box { margin-top: -20px; } 
.whoweare-box { width: 100%; margin: 0; border-radius: 0; padding: 20px 20px 10px; -webkit-box-shadow: 0px 2px 10px 2px rgba(41,41,41,0.1); -moz-box-shadow: 0px 2px 10px 2px rgba(41,41,41,0.1); box-shadow: 0px 2px 10px 2px rgba(41,41,41,0.1); } 
.mockupguru-advantage-box { width: 100%; margin: 40px 0 } 
.quote-outer-box { padding: 20px 0; } 
.quote-box { width: calc(100% - 40px); margin: 0 20px; } 
.importance-outer-box, .StairsOfSuccess-outer-box { margin-top: 30px; } 
.partner-withus-box { padding: 30px 0 } 
.Features-mockupguru-outer-box, .Pricing-Table-outer-box { margin: 30px 0; } 
.website-title { margin-bottom: 20px; font-size: 20px; letter-spacing: 1px; font-weight: 600; } 
.Pricing-Table-box { padding: 0; } 
.logo-box, .responsive-navigation-box { position: fixed } 
.responsive-navigation-box { right: 15px; } 
.sub-navigation-box { width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow:none; } 
} 
 
 @media screen and (max-width:980px) { 
.mockupguru-advantage-list li { width: 50%; height: 230px; } 
.website-title { margin-bottom: 15px; font-size: 18px; letter-spacing: 0; } 
.website-title span:before { width: 20px; right: -30px; } 
.website-title span:after { width: 20px; left: -30px; } 
.allrightsreserved-box span { width: 100%; float: left; margin: 5px 0 0; } 
.cfb-form-box { width: 100%; margin: 0 } 
.cfb-col4:nth-child(3) { margin: 0 15px; } 
.cfb-col4 { width: calc(33.33% - 10px); } 
.cfb-col12 { margin-top: 15px; } 
.Pricing-Table-list > li { width: 100%; margin: 20px 0 0px !important; } 
.Pricing-Table-list > li:first-child { margin: 0 !important } 
.ptl-detail-list li { width: 50%; margin-bottom: 15px; } 
.ptl-dl-data { line-height: initial; } 
.rl-buynow-btn { padding: 15px; letter-spacing: 1px; font-size: 16px; } 
.StairsOfSuccess-box { padding: 0 20px; } 
.company-profile-box { padding: 0 } 
.cpf-listing > li { width: 100%; border-bottom: 1px solid #eee; padding: 20px 0; } 
.cpf-listing > li:last-child { padding-bottom: 0 } 
.cpfl-logo-box { width: auto; float: left; } 
.cpfl-social-media-list { float: right; margin: 22px 0; } 
.cpfl-quicklink li { width: 33.33%; text-align: center; margin: 0 } 
.cpfl-contact-info li { width: 50%; } 
.cpfl-quicklink li a, .cpfl-contact-info li a { font-size: 15px; } 
 } 

 @media screen and (max-width:700px) { 
 .landing-page-box { display: block; padding-top: 100px; padding-bottom: 40px; background-position: top center; } 
 .lpb-text-box { width: 100%; padding: 0; text-align: center } 
 .lpb-text-box p span { float: none; } 
 .lpb-text-box h1 { font-size: 28px; } 
 .lpb-get-started-button { margin: 30px calc((100% - 160px) / 2) 0; } 
 .lpb-logo-box { width: 100%; float: left; text-align: center; padding: 20px; top: 0; } 
 .lpb-logo-box img { height: 160px; } 
 .inner-container { padding: 0 15px; } 
 /* .importance-box, .StairsOfSuccess-box, .Features-mockupguru-box, .Pricing-Table-box { display: none } 
 .res-importance-box, .res-StairsOfSuccess-box, .res-Features-mockupguru-box, .res-Pricing-Table-box { display: block } */
 #mob-lpb-logo-box { display: block; margin: 30px 0 } 
 #desk-lpb-logo-box { display: none } 
 .cpb-quick-link li { font-size: 14px; letter-spacing: 1px; margin-top: 0px; margin-bottom: 10px; } 
 .cpb-logo-box > a { width: 200px; margin: 0 calc((100% - 200px) / 2) 15px; } 
 .cpb-logo-box > a > img { width: 100%; } 
 .cpb-logo-box p { font-size: 14px; line-height: 18px; } 
 } 

 @media screen and (max-width:640px) { 
 .whoweare-box { padding: 15px 15px 0 } 
 .whoweare-box h2 { font-size: 20px; margin: 0 0 10px; } 
 .whoweare-box p { font-size: 14px; line-height: 18px; margin-bottom: 10px; } 
 .mockupguru-advantage-box { margin: 15px 0; } 
 .mockupguru-advantage-list li { padding: 15px; height: 240px; } 
 .quote-box { width: calc(100% - 40px); padding: 15px; font-size: 18px; margin: 0 20px; border: 2px solid #e05837; } 
 .website-title { margin-bottom: 15px; font-size: 16px; letter-spacing: 0; } 
 .website-title span:before { width: 20px; right: -30px; } 
.website-title span:after { width: 20px; left: -30px; } 
.partner-withus-box { padding: 20px 0 } 
.importance-outer-box, .StairsOfSuccess-outer-box { margin-top: 20px; } 
.Features-mockupguru-outer-box, .Pricing-Table-outer-box { margin: 20px 0 } 
.res-importance-box { padding: 15px } 
.res-Features-mockupguru-box { padding: 0 15px; } 
.cfb-form-box h3 { font-size: 20px; } 
.cfb-col4 { width: 100%; margin: 0 0 15px !important; } 
.cfb-col12 { margin-top: 0; } 
.StairsOfSuccess-box { padding: 0 15px; } 
 } 

 @media screen and (max-width:570px) { 
 .cpf-listing > li { 
 padding: 10px 0; 
 } 
 .cpf-listing > li:last-child { padding: 10px 0 } 
 .cpfl-logo-box { 
 width: 100%; 
 text-align: center; 
 } 
 .cpfl-social-media-list { 
 margin: 22px calc((100% - 260px) / 2); 
 } 
 .cpfl-quicklink li, .cpfl-contact-info li { width: 100%; margin-bottom: 10px } 

 } 

 @media screen and (max-width:500px) { 
 .mockupguru-advantage-list li { padding: 15px; height: auto; width: 100%; margin-bottom: 15px; } 
 .ptl-detail-list { margin-bottom: 0; } 
.ptl-title { margin: 15px 0; } 
 .ptl-detail-list li { width: 100%; margin-bottom: 7px; } 
 .prl-currency-box { font-size: 16px; top: -17px; } 
.prl-price-box { font-size: 44px; } 
 } 

 @media screen and (max-width:480px) { 
 .res-importance-list li { width: 100%; margin: 0 0 30px !important; } 
 .res-importance-box { padding: 15px 10px } 
 .res-StairsOfSuccess-box { padding: 15px; } 
 .res-StairsOfSuccess-list li { margin-bottom: 20px; } 
 .rsl-circle-box { margin: 0 calc((100% - 100px) / 2); } 
 .rsl-content-box { width: 100%; margin: 10px 0 0 } 
 .rslcb-title { font-size: 18px; padding: 7px 0; } 
 .rslcb-dec { font-size: 15px; padding: 10px; } 
 .res-Features-mockupguru-list li { margin-top: 15px; display: block; float: left; padding: 10px; text-align: center; } 
 .rfmb-icon-box { width: 80px; height: 80px; margin: 0 calc((100% - 80px) / 2) 10px; } 
 .rfmb-content-box { width: 100%; } 
 .cpb-quick-link li { width: 100%; margin-bottom: 15px; } 
 }