@media screen and (max-width: 1240px) {
 body, td, div, select, textarea, input { font-size: 14px;   -webkit-text-size-adjust: 100%;}
 h1 { font-size: 26px; margin: 0 0 15px; }
 h2 { font-size: 22px; margin: 20px 0 5px; }
 h3 { font-size: 20px; margin: 0 0 10px; }
 h4 { font-size: 18px; margin: 0 0 10px; }
 h5 { font-size: 16px; margin: 0 0 10px; }
 .admin-panel h1 { font-size: 24px; }
 .admin-panel h2 { font-size: 20px; }
 p { margin: 0 0 0.6em; }
 img { max-width: 100%; }
 /* =================== Page Structure */
 .pagewidth {width:100%; padding: 0 2%; }
 #wrapper > .pagewidth { padding:5% 2%; }
 .page-section { padding: 10% 0; }
 .page-section h1 { font-size: 26px; }
 #maincol { width: 66%; }
 #maincol.full{width:100%;}
 #rightcol { width: 30%; }
 /* =================== Horizontal Menu */
 #hnav { clear: none; }
 body#admin #hamburger { cursor: pointer; text-transform: uppercase; display: block; font-size: 18px; line-height: 20px; padding: 10px 5% 36px 0; text-align: right; color: #455a64; }
 body#admin #hnav { width: 100%; position: absolute; left: 0; top: 0; }
 body#admin #hnav .nav-menu { display: none; background: #fff; width: 100%; padding: 15px; overflow: hidden; }
 body#admin #hnav ul { width: 100%; }
 body#admin #hnav ul li { width: 100%; padding: 0; background: none; margin: 0; }
 body#admin #hnav ul li a { display: block; width: 100%;  margin: 0 0 10px; }
 body#admin #hnav ul li a.btn { margin: 0 0 10px; display: inline-block; width: auto; }
 /* =================== Form */
 .leftcol, .rightcol{padding:4%;}
 .rightcol { padding-bottom: 100px; }
 form.lj p.secure-payments { width: 100%; padding: 20px 0; float: none; }
 /* =============================== Header */
 header.heady #logo { position: relative; left: auto; top: auto; float: left; margin: 20px 0 0; max-width: 65%; z-index: 10; }
 .admin-panel header.heady #logo{margin-top:26px;top:auto;}
 /* =============================== Content */
 .home-steps section { width: 33.3%; float:left; margin: 0 0 15px; padding-left: 3%; padding-right: 3%; }
 .home-steps h4, .home-testimonials h5 { margin-bottom: 30px; }
 .home-features:before { background-size: 100%; max-width: 65%; top: 150px; left: 50%; }
 .features-web-forms .pagewidth:before, .features-customizable .pagewidth:before, .features-cloud .pagewidth:before, .features-web-forms.wp-form-plugin::before { width: 50%; background-size: contain; top: 0; }
 .features-web-forms .pagewidth:before { right: -5%; left: auto; }
 .features-web-forms.wp-form-plugin::before { right: -5%; left: auto; top: auto; bottom: 0; background-position: left center; }
 .features-customizable .pagewidth:before { left: -5%; }
 .features-cloud .pagewidth:before { right: -5%; left: auto; }
 .features-web-forms .content, .features-customizable .content, .features-cloud .content { width: 51%; }
 .features-lists .item { padding: 30px 0; }
 .features-lists .item h4 { line-height: 34px; }
 .features-check-version { padding-top: 170px !important; background-position: center 70px; }
   .plans-list section{padding:77px 1% 0; width: 23.5%;margin: 0 0 20px 2%;}
   .plans-list section p.description {font-size: 12px;}
 #ui-datepicker-div { z-index: 10 !important; }
 .strength_meter { position: relative; overflow: hidden; }
 .wp-plugin .content { padding-top: 50px; width: 51%; }
 .wp-plugin.no-wp-logo, .features-web-forms.wp-form-plugin { padding: 10% 0; }
 .wp-plugin { min-height: 0; }
  .wp-plugin:before { width: 50%; height: 100%; right: auto; left: -5%; top: 0; background-position: left center; }
 /* =============================== Footer */
 footer.footy { padding: 30px 0 0; }
 footer.footy p#copy { margin: 15px 0 0; }
}
/* ================================================================== Tablet landscape */
@media screen and (max-width: 1024px) {
 .home-steps section p, .testimonial blockquote { font-size: 14px; }
   #hnav ul li a{font-size:12px;}
   .features-lists .cols3 section{width:34%;margin-left:5%;}
   .plans-list section p.price{font-size: 45px;}
   .plans-list section p.price sup {font-size: 26px;}
   .plans-list section a.btn,.plans-list section a.btn.outline, .plans-list section button.btn{ height: auto;line-height: 16px;min-width: 0;padding: 18px 5px;width: 100%;}
    .home-quickcast .quickcast-video { max-width: 100%; height:auto;padding:1.5% 9% 4% 11.75%;   }


}
@media screen and (max-width: 820px) { 
.admin-panel #hnav ul li a{padding: 16px 10px;}	/* fix menu in user panel */
.admin-panel #hnav ul li a.btn {padding: 0 25px; }
}


/* ================================================================== Tablet portrait */
@media screen and (max-width: 768px) {
  /* =================== Page Structure */
   .pagewidth {padding: 0 5%; }
    #wrapper > .pagewidth { padding:5%; }
  .page-section { padding: 15% 0; }
  #maincol { width: 100%; }
  #rightcol { width: 100%; }
  #hnav ul li a{font-size:14px;}
  .leftcol, .rightcol, .middle-section{width:100%; float:none; padding:4%; margin-bottom:5%;}
  .rightcol{padding-bottom:75px;}
  .narrowcol{width:100%;}
  /* =================== Header */
  /* =================== Content */
  form.lj label { margin-bottom: 20px; }
  form.lj label.left { width: 100%; }
  form.lj label.f3.expiration-date, form.lj label.f3.cc_cvc, form.lj label.f2, form.lj label.f3, form.lj label.f4 { width: 100%; float: none; margin-right: 0; }
  form.lj label.f3.expiration-date[for="cc_exp_year"] { margin-top: -35px; }
  form.lj label.f2, form.lj label.f2.input-right { padding: 0; }
  form.lj .first, form.lj label.inline-submit { padding-top: 0; }
  form.lj legend { margin-bottom: 20px; }
  form.lj fieldset { margin-bottom: 30px; }
  form.lj fieldset .submit { padding: 0 10px; font-size: 12px; max-width: 100%; display: block; margin: 10px 0 15px; }
  form.lj textarea { height: 180px; }
  form.lj label.f5 { width: 100%; margin-left: 0; }
  form.lj input.datepicker, form.lj input.search-text, form.lj input.search-text:focus { width: 100%; }
  form.lj .submit-holder-right { width: 100%; float: left; padding: 0; }
  .submit-holder-right { text-align: center; }
  form.lj .submit-holder-right .submit { margin: 15px auto; }
  .results-summary { padding-top: 10px; }
  .home-features::before{top:45%;}
  .plans-list section{width:49%;}
  .plans-list section:nth-child(odd){margin-left:0;}
  .plans-list.three section:first-child{margin-left:0;}
   .plans-list section a.btn,.plans-list section a.btn.outline, .plans-list section button.btn{ width: 80%;}
   .developer-version-top h1{margin-top:0;}
   .developer-version-top .plans-list, .developer-version-top .content { float: none; width:100%; }
   .wp-plugin { padding: 2% 0 10% !important; }
   .wp-plugin:before { background-position: left top; }
   .features-web-forms.wp-form-plugin { padding: 10% 0; }
 
  /* =================== Horizontal Menu */
  #hamburger { cursor: pointer; text-transform: uppercase; float:right; display:inline-block; font-size: 20px; line-height: 20px; padding: 5px 0% 7px; text-align: right; color: #455a64; }
  #hnav { width: 100%; position: absolute; left: 0; top: 0; }
  #hnav .nav-menu { display: none; background: #fff; width: 100%; padding: 15px; overflow: hidden; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); z-index: -1;}
  #hnav ul { width: 100%; }
  #hnav ul li { width: 100%; padding: 0; background: none; margin: 0; text-align:center; }
  #hnav ul li a { display: block; width: 100%; padding: 15px 0; margin: 0; }
  #hnav ul li a.btn { margin: 10px 0; display: inline-block; width: auto; }
}
/* ================================================================== Mobile */
@media screen and (max-width: 640px) {
  .mobile-hidden { display: none !important; }
  .admin-panel h1 { font-size: 18px; }
  .admin-panel h2, .admin-panel h3, form.lj legend { font-size: 16px; }
  ul, ol {margin-left: 30px; }
  ul.checks {margin-left: 0px; }
  .home-steps section p, .testimonial blockquote { font-size: 14px; }
  ul.checks li { font-size: 14px; margin-bottom: 10px; }
  .grid th, .grid thead th, .grid td, .grid td div { font-size: 12px;}
  .grid th, .grid thead th, .grid td {padding: 5px 10px;}
  .home-quickcast h6{font-size:12px;}
  .home-features p { font-size: 16px; }
  footer.footy{text-align:center;}
  .features-check-version h4, .footer-join-us h3 { font-size: 16px; }
  .page-section.home-features {padding-top: 55%;}
  .home-features .content{ width: 100%; }
  .home-features:before { left: 0; max-width: 100%; top: 3%;}
  .home-testimonials blockquote { min-height: 0; }
  .cols2 section, .cols3 section, .cols4 section, .cols5 section, .cols6 section, .cols6 section.merge3, .features-lists .cols3 section{ width: 100%; margin: 0 0 10%;  }
  .home-testimonials .cols3 > .testimonial {margin-bottom:15%;}
  .cols2 section:last-child, .cols3 section:last-child, .cols4 section:last-child, .cols5 section:last-child, .cols6 section:last-child, .features-lists .cols3 section:last-child,.home-testimonials .cols3 > .testimonial:last-child { margin-bottom:0;  }
  .cols2 section.grey-bg { padding: 15px; }
  .features-lists .cols3 section { margin-bottom: 0 !important; }
  .features-lists .cols3 section:first-child{width:100%;margin-bottom:20px;}
  .features-lists .item h4 {padding-bottom:7px;float:none;}
  .features-lists .item:last-child{padding-bottom:0;}
  .features-web-forms .pagewidth { min-height: 0; }
  .features-web-forms .content, .features-customizable .content, .features-cloud .content { width: 100%; }
  .features-web-forms .pagewidth:before{display:none;}
  .features-customizable .pagewidth {padding-top: 71%;}
  .features-customizable .pagewidth::before{width:100%;top:-34px;}
  .features-cloud .pagewidth:before{top:-100px;width:100%;}
  .features-cloud .pagewidth{padding-top:71%;}
  .tabs .tabs-nav { width:100%; margin: 0 0 25px; }
  .tabs .tabs-nav li {width:50%; }
  .tabs .tabs-nav li a, .tabs .tabs-nav li:first-child a { width:100%;font-size:12px;padding:0;}
  .tabs .tabs-nav li span { margin-left:0;font-size:12px; }
  .plans-list section{width:100%;margin-left:0;min-height:0;padding-top:28px;padding-bottom:12px;}
  .plans-list section.topseller{padding-top:63px;}
  .plans-list section p.description{font-size:14px;margin-bottom:0;}
  .developer-version-top .plans-list section{width:100%;margin:2em 0;float:none;}
  input#cc_number { background-size: 100px auto; }
  .results-summary { padding: 20px 0 0; text-align: center; }
  .results-summary a.btn { float: none; }
  #ui-datepicker-div { width: 100%; max-width: 230px; }
  .plan-total { padding: 20px; }
  .developer-version-top h4 { line-height: 24px; }
  #usertabs li{font-size:12px;}
  #usertabs li.on, #usertabs li a{padding: 7px 10px;}
  .wp-plugin:before, .features-web-forms.wp-form-plugin:before { width: 100%; max-width: 100%; height: auto; padding-bottom: 80%; bottom: auto; right: auto; left: auto; top: auto; position: relative; }
  .features-web-forms.wp-form-plugin:before { padding-bottom: 60%;  width: 90%; margin: 0 auto; }
  .wp-plugin .content { width: 100%; }

}