@media (max-width:1199px){
  #logo { float:none; text-align:center;}
  .top-list { float:none;}
  #menu ul li a { padding:6px 15px;}
  ul.ww-offer { max-width:607px; margin:0 auto;}
  html, body { overflow-x:hidden!important; }
  .banner_boxes_list { width:100%;}
  ul.smaples li { width:calc(25% - 32px)}
  ul.pricing_boxes_list li, ul.pricing_boxes_list.p45 li { width:calc(50% - 15px); min-height:80px;}
  ul.pricing_boxes_list.sa302 li, ul.pricing_boxes_list.sa302 li:last-child {min-height: 102px;}
  ul.pricing_boxes_list.bank li { min-height:118px;}
  /*ul.small_list.full li { min-height:98px;}*/
  ul.small_list.full li .img-box { width:120px}
  ul.small_list.full li .img-box:after { margin-top:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
  ul.small_list.full li h3 { /*margin-top:24px;*/ width:calc(100% - 120px); padding-left:35px;}
  ul.small_list.full li h3.long { /*margin-top:5px;*/ position:relative; /*top:50%; transform:translateY(-50%); */}
  ul.small_list.full li .img-box img { height:60px; width:auto;}
  #fake_section:before, #edit_section:before, #payroll_section:before { background-size:90% auto;}
  #fake_section:before, #edit_section:before, #payroll_section:before { background-size:auto 90%; background-position:right;}
  #edit_section:before { background-position:left;}
  .datepicker.dropdown-menu { transform:scale(1.6); -webkit-transform:scale(1.6); transform-origin:0 100%; -webkit-transform-origin:0 100%;}
  }
  @media (min-width:992px) and (max-width:1199px) {
  	ul.left_icons_list li:last-child { margin-bottom:30px;}
  	ul.right_icons_list li:last-child { margin-bottom:30px;}
  }
  @media (max-width:991px){
  .nav-bar { padding:0;}
  .top_bar { padding:5px 0;}
  .logo { display:block; margin:0 auto; padding:10px 0; width:178px; position:relative; z-index:999999}
  .head-capi { width:96%; margin-left:inherit; left:50%; right:15px; font-size:50px;}
  header.home_header { min-height:700px;}
  .main_menu ul { display:none;}
  #document_section, #fake_section, #what_we_offer, #payroll_section, #our_service_section .ratate_object { background-size:30%; }
  .buttons_block { margin-top:0;}
  .inner_banner .head-capi { line-height:1;  }
  .inner_banner h1 { font-size:50px; display:inline-block;padding:5px 0;}
  h2, .title-bar h2 {font-size: 36px; margin: 30px 0;}
  #document_section { margin-top:0; }
  .nav-bar {padding:5px 0;}
  .head-capi {top: 60%; font-size:36px;}
  #our_practice {padding-bottom: 100px;}
  #buy_documents_now {padding: 30px 0 40px;}
  .inner_banner { /*background:#dde !important;*/ min-height:120px; padding:0 !important;}
  .inner_banner:before { height:82px;}
  .inner_banner .head-capi { /*background:none;*/ top:40px; right:auto; padding:0 10px;}
  .inner_banner .head-capi h1 { font-size:36px}
  ul.small_list li, ul.small_list li a { min-height:105px;}
  /*ul.small_list li h3 { font-size:16px;}*/
  ul.small_list li img { max-height:60px;}
  ul.pricing_boxes_list li img { max-height:60px;}
  .btn-lg { margin-top:10px;}
  ul.smaples li { margin:0 5px 0 9px; width:calc(33% - 32px)}
  ul.small_list { margin-bottom:0; max-width:100%;}
  .service_box { margin-bottom:10px;}
  .service_box h3 { margin-top:5px;}
  .inner_white { min-height:500px;}
  ul.small_list.full { max-width:60%;}
  ul.small_list.full li { margin:0 auto 10px; /*max-width:420px; min-height:95px; */width:100%;}
  ul.small_list.full li h3 { /*font-size:19px; margin-top:28px; width:63%;*/}
  /*ul.small_list.full li .img-box:after { border-bottom-width:50px;border-top-width:50px;}*/
  .banner_boxes_list { border-radius:0; position:relative; top:auto;}
  .banner_boxes_list ul li { height: 286px; padding: 20px; width: 50%;}
  .banner_caption { padding:150px 0 100px;}
  .banner_caption h1 { font-size:36px;}
  .banner_caption h4 { font-size:18px;}
  .main_banner { background-size:100% auto;}
  #service_section { margin-top:60px;}
  #service_section ul li h4 { margin-top:0}
  #service_section .round_icon { top:0;}
  .practice { background-size:auto 100%; background-position:80% center;}
  .how-wrok ul li { width:calc(33.333% - 33px);}
  .how-work ul li:before {background-size:auto 300px !important;}
  .order-form { font-size:16px; line-height:1.35;}
  .menu_bar.clone { display:none !important;}
  ul.pricing_boxes_list li, ul.pricing_boxes_list.bank li { min-height:105px;}
  ul.pricing_boxes_list li h3 { min-height:0;}
  }
  @media (min-width:568px) and (max-width:667px) {
	  .order-form { font-size:17px; line-height:1.35;}
  }
  @media (min-width:668px) and (max-width:767px) {
	  .order-form { font-size:19px; line-height:1.35;}
  }
  @media (min-width:768px) and (max-width:991px) {
  	.round_icon {position: relative; margin:0 auto;}
  	ul.left_icons_list li { padding-left: 0; text-align: center; margin-bottom:70px!important;}
  	ul.right_icons_list li { padding-right: 0; text-align: center; margin-bottom:70px!important;}
  	ul.left_icons_list li h3, ul.right_icons_list li h3 {margin:15px 0 7px;}
	.modal-body .service_box img { height:auto; max-height:280px;}
  }
  @media (max-width:767px){
  .mean-container .mean-nav { position:absolute; z-index:9999999 !important;}
  .mean-bar + .clear10px { display:none !important;}
  .nav-bar { padding:0;}
  header.home_header { min-height:400px;}
  .head-capi { font-size:28px; padding:5px 15px 10px; top:35%; width:93%;}
  .how-work li:before { width:100% !important; background-position:center center !important; max-height:300px;}
  .how-work li:after { border-left:30px solid transparent !important; border-right:30px solid transparent !important; border-top:30px solid #EBEBE1 !important; top:330px !important;}
  .how-work li { min-height:0; padding-bottom:20px; padding-top:340px;}
  .how-work li h2 { margin:10px 0;}
  h2, .title-bar h2 { margin:0 0 15px;}
  ul.pricing_boxes_list { margin:0; max-width: 100%;}
  ul.pricing_boxes_list li span { font-size:36px;}
  .service_box { max-width:329px;}
  #buy_documents_now {padding: 20px 0 30px;}
  footer ul li {padding: 0 3px;}
  #our_practice .sample_button {margin-top: 25px;}
  .btn-group-lg > .btn, .btn-lg {font-size: 16px !important; padding: 7px 8px;}
  .top-list { display:none; }
  #what_we_offer { padding-top:40px; }
  header.home_header a.more {bottom: 0;}
  #our_practice {padding-bottom: 100px;}
  ul.small_list li { width:calc(50% - 25px)}
  h2 { font-size:40px;}
  h3 { font-size:30px;}
  .inner_banner .head-capi h1 { font-size:40px}
  .inner_banner .head-capi h1.existing { font-size:20px;}
  ul.smaples li { margin:0 5px 0 9px; width:calc(33% - 32px)}
  .service_box img { height:auto; max-height:240px;}
  
 .modal-body .service_box img { height:auto; max-height:240px;}
  
  .inner_white { min-height:400px;}
  .title-block { font-size:16px; padding:10px; margin-bottom:30px;}
  h2 .btn-lg { margin-top:0;}
  ul.small_list.full { max-width:100%; max-width:420px;}
  #service_section [class*='pull-'] { float:none !important; text-align:left !important}
  #service_section .text-right, ul.right_icons_list { text-align:left !important;}
  #service_section .text-center { text-align:center !important; margin:20px 0; display:none;}
  #service_section ul li { overflow:hidden; margin:0 0 10px 0; padding:0;}
  #service_section ul li h4 { margin-top:15px}
  #service_section .round_icon { float:left; margin-right:20px; position:relative;}
  #service_section { margin-bottom:30px;}
  #service_section .clear25px { display:none;}
  #fake_section:before, #edit_section:before, #payroll_section:before { background-size:auto 95%; background-position:center; height:320px; width:100%;}
  #fake_section, #edit_section, #payroll_section { padding:300px 0 20px;}
  .document_wrapper h2 { font-size:36px;}
  .practice:before { background:rgba(255,255,255,0.6); bottom:0; content:''; left:0; position:absolute; right:0; top:0; }
  .practice p { max-width:60%; margin-bottom:15px;}
  .jquery-lightbox-buttons .jquery-lightbox-button-right { bottom:-45px; right:auto; top:auto; left:55%; }
  .jquery-lightbox-buttons .jquery-lightbox-button-left { bottom:-45px; right:auto; top:auto; left:35%; }
  .jquery-lightbox-button-close { top:-18px; right:0;}
  .jquery-lightbox-buttons .jquery-lightbox-button-max { display:none;}
  .title-block + .clear20px { display:none;}
  ul.my-list { margin-left:0 !important;}
  .breadcrumb + .clear20px, .breadcrumb + .clear30px { display:none;}
  #alltransactions {overflow-x:auto; overflow-y:hidden}
  #alltransactions .transaction-ul { min-width:680px;}
  #alltransactions .transaction-ul li .form-control { font-size:12px;}
  ul.pricing_boxes_list li, ul.pricing_boxes_list.bank li { min-height:90px; padding:0;}
  ul.pricing_boxes_list li h3 { font-size:19px; min-height:0;}
  #terms-dlg .modal-dialog { top:0; bottom:0; left:0; right:0; transform:none; -webkit-transform:none; width:100%;}
  #terms-dlg .modal-content { background:rgba(255,255,255,0.93); border:none; position:absolute; bottom:0; top:0;}
  #terms-dlg .modal-content button.close { top:10px; right:5px;}

  .popover_attachment {position:relative; padding-right:26px; text-align:left;}
  .popover_attachment a {position:relative; right:inherit; top:inherit;}


  }
  @media (max-width:667px){
  .logo { padding:5px 0;}
  .head-capi { font-size:xx-large;}
  header.home_header { min-height:250px;}
  header.home_header a.more i { font-size:50px;}
  header.home_header a.more { width:50px; margin-left:-25px; height:50px;}
  header.home_header a.more:after { border-left-width:25px; border-right-width:24px;}
  .title-bar h2, .fake h2, #document_section h2, .payroll h2, #buy_documents_now h2, .inner_white h2 { font-size:xx-large}
  .off-white-block, .btn { font-size:small;}
  ul.my-list li, .service { font-size:14px;}
  #our_practice p { font:14px 'proxima_novaregular'; }
  .inner_white { font-size:medium;}
  /*header { position:fixed !important; top:0; width:100%; z-index:999;}
  .main_banner, .inner_banner {margin-top:100px;}*/
  .top_bar ul { display:none;}
  .top_bar a.btn { color:#333; display:inline-block; font-weight:normal; letter-spacing:0; height: auto; min-height: 0; }
  .top_bar .btn-danger { background: #28A6EC; border-color: #0CF; color: #fff !important;}

  .round_icon {height: 60px; width: 60px;}
  .round_icon i {font-size: 30px;}
  ul.right_icons_list li h3 {font-size: 19px;}
  ul.left_icons_list li h3 {font-size: 19px;}

  ul.setting_list li:last-child h3 { margin-top:6px; }

  }
  @media (max-width:640px){
  .inner_banner h1 { font-size:40px;}
  .inner_banner_text { font-size:large;}
  .document_wrapper h2 { font-size:30px;}
  .how-wrok ul li { width:calc(50% - 33px);}
  .practice p { max-width:100%; margin-bottom:10px;}
  .cta-btm { font-size:30px;}
  #service_section ul li h4 { margin-top:5px; font-size:22px;}
  .practice .container { background-size:80% auto; background-position:center bottom; padding-bottom:300px;}
  }
  @media (max-width:580px){
  .buttons_block { margin-top:20px;}
  .head-capi { font-size:large; top:40%;}
  ul.ww-offer li:first-child, ul.ww-offer li:nth-child(2), ul.ww-offer li:nth-child(3), ul.ww-offer li:nth-child(4),ul.ww-offer li:nth-child(5), ul.ww-offer li:nth-child(6), ul.ww-offer li:nth-child(7) { left:inherit; margin:0 auto 20px; position:relative; top:inherit;}
  .clear_sm { display:none;}
  #our_practice, .payroll { padding-bottom:75px;}
  #our_service_section { padding-bottom:0;}
  .inner_white .container { margin-top:0;}
  .banner_right { float:none; margin-top:-145px;}
  .inner_white .breadcrumb { margin-top:18px; line-height:1.5;}
  .banner_right_box ul li a { display:inline-block;}
  .payroll:before { height:85px; top:-85px;}
  ul.smaples li { margin:0 5px 0 9px; width:calc(50% - 32px)}
  .inner_white { padding-top:0;}
  .main_banner { background-size: 200% auto;}
  .how-work li { min-height:0; padding-bottom:30px; padding-top:240px;}
  .how-work li:before {  max-height:200px;}
  .how-work li:after  {top:230px !important;}
  .banner_caption { padding:50px 0 25px;}
  .banner_caption h1 { font-size:28px;}
  .banner_caption h4 { font-size:16px;}
  .banner_caption h4 a { display:inline-block;}
  .banner_boxes_list ul li { height:265px;}
  .banner_boxes_list ul li h3, .banner_boxes_list ul li:first-child h3 { font-size:20px;}
  ul.pricing_boxes_list li small, ul.pricing_boxes_list li h3 small{ display:none;}
  ul.smaples li.dbl { width:100%;}
  .service_box { max-width:100%;}
  ul.pricing_boxes_list.bank li { min-height:70px;}
  ul.pricing_boxes_list li h3 { min-height:0}
  .transaction-ul li { float:left; width:calc(40% - 10px); margin-right:10px;position: relative; vertical-align:top; }
  .transaction-ul li:nth-child(2) { width:calc(60% - 10px);}
  .transaction-ul li:nth-child(3) { width:calc(50% - 10px);}
  .transaction-ul li:nth-child(4) { width:49%; margin-right:0;}
  .datepicker.dropdown-menu { transform:scale(1.25); -webkit-transform:scale(1.25); transform-origin:0 100%; -webkit-transform-origin:0 100%;}

  .small_inner_heading2 h1 { font-size:28px!important; }

  }
  @media (min-width:481px) and (max-width:767px){
  	ul.pricing_boxes_list.sa302 li, ul.pricing_boxes_list.sa302 li:last-child {min-height: 80px!important; max-height: 80px!important;}
  }
  @media (max-width:480px){
  .inner_banner .head-capi h1 { font-size:35px;}
  .inner_banner .head-capi h1.existing { font-size:20px;}
  .service { padding:0;}
  #how_it_works_section { padding-top:110px;}
  #gallery_section { padding-bottom:30px;}
  .service_box h3 { font-size:large;}
  .inner_white h2 { font-size:x-large;}
  ul.small_list { margin:0;}
  ul.small_list li { margin:0 0 10px; }
  ul.pricing_boxes_list { margin:0; max-width: 100%;}
  ul.pricing_boxes_list li { min-height:80px !important; width:calc(50% - 13px)}
  ul.pricing_boxes_list.payslip_List li { min-height:88px !important;}
  ul.pricing_boxes_list li span, ul.small_list_bills li span, ul.small_list li span { font-size:31px; margin-top:0;}
  ul.pricing_boxes_list li h3 { font-size:18px; min-height:20px; margin-bottom:0 !important;}
  ul.small_list li span { font-size:26px;}
  h2 { font-size:26px;}
  h3 { font-size:22px;}
  .banner_boxes_list ul li { width:100%; height:auto;}
  .inner_banner { min-height:90px; padding-bottom:80px;}
  .inner_banner:before { height:45px;}
  .inner_banner .head-capi { top:25px;}
  ul.small_list.bank { max-width:100%;}
  ul.small_list.bank li, ul.small_list li { min-height:0;}
  #our_practice + section { padding-bottom:20px;}
  .how-work li { min-height:0; padding-bottom:20px; padding-top:180px;}
  .how-work li:before {  max-height:150px;}
  .how-work li:after  {top:180px !important;}
  footer, footer ul li a { font-size:12px}
  footer ul li { padding:0;}
  footer ul { margin:0 -10px 10px;}
  footer ul li a { padding:6px 6px;}
  ul.small_list.full li { min-height:120px;}
  ul.small_list.full li h3, ul.small_list.full li h3.long {/*margin-top:25px;*/ /*width:67%;*/ /*top:auto;*/ transform:none; -webkit-transform:none;}
 /* ul.small_list.full li .img-box { width:100px;}*/
 /* ul.small_list.full li .img-box:after { border-bottom-width:50px;border-top-width:50px;}*/
  .how-wrok ul li { margin:20px auto; padding:0 10px; width:100%;}
  .how-wrok ul li:before { left:105px;}
  .how-wrok ul li:after { left:50%; top:-42px; margin-left:-10px; transform:rotate(90deg);}
  .cta-btm { font-size:30px;}
  .cta-btm a.btn { margin-top:15px !important;}
  #fake_section:before, #edit_section:before, #payroll_section:before { background-size: 100% auto;}
  ul.pricing_boxes_list.p45 li span { margin-top:5px !important;}
 /* ul.small_list.full li .img-box { width:100px;}*/
  ul.document_list li { font-size:15px !important; padding-left:30px}
  ul.document_list li:before { left:10px;}
  .datepicker.dropdown-menu { transform:scale(1.67); -webkit-transform:scale(1.67); transform-origin:0 100%; -webkit-transform-origin:0 100%;}

  ul.pricing_boxes_list li h3{ margin:0 auto; margin-top:5px; margin-bottom:5px; min-height:28px; width:92px; text-align:center;}

  ul.pricing_boxes_list.sa302 li h3 {width: 120px;}
  ul.setting_list li:last-child h3 { margin-top:18px; }


  }

  @media (min-width:413px) and (max-width:414px){
  	ul.pricing_boxes_list li h3 {width:98px;}
  }

  @media (max-width:384px){
  .datepicker.dropdown-menu { transform:scale(1.53); -webkit-transform:scale(1.53); transform-origin:0 100%; -webkit-transform-origin:0 100%;}
  .inner_banner .head-capi h1 { font-size:30px;}
  ul.pricing_boxes_list li h3 { font-size:17px;}

  .btn.wide {min-width: 280px;}
  .breadcrumb > li {font: 14px "proxima_novasemibold";}

  ul.pricing_boxes_list.sa302 li h3 {width: 105px;}
  .small_inner_heading h1 { font-size:25px!important; }
  .small_inner_heading2 h1 { font-size:23px!important; }

  ul.setting_list li:last-child h3 { margin-top:15px!important; }

  }


  @media (max-width:375px){
  	ul.setting_list li:last-child h3 { margin-top:14px!important; }
  }

@media (max-width:414px){
	ul.smaples li { margin:0; width:100%}
}

  @media (max-width:374px){
  .inner_banner .head-capi h1 { font-size:30px;}
  ul.smaples li { margin:0; width:100%}
  .service_box h3 { min-height:0; margin-bottom:15px;}
  .document_wrapper .btn { min-width:110px;}
  .cta-btm { font-size:28px;}
  ul.pricing_boxes_list.bank li:nth-child(1), ul.pricing_boxes_list.bank li:nth-child(2) { min-height:102px;}
  ul.smaples { margin: 0;}
  ul.small_list.full li .img-box { width:80px;}
  ul.small_list.full li h3, ul.small_list.full li h3.long {margin-top:25px; width:63%; top:auto; transform:none; -webkit-transform:none;}
  ul.small_list.full li h3.long { margin-top:20px;}
  ul.small_list_bills li h3 { font-size:16px;}
  .datepicker.dropdown-menu { transform:scale(1.5); -webkit-transform:scale(1.5); transform-origin:0 100%; -webkit-transform-origin:0 100%;}


  }
  @media (max-width:360px){
  .title-bar h2, .fake h2, #document_section h2, .payroll h2, #buy_documents_now h2 { font-size:x-large}
  ul.pricing_boxes_list.bank li:nth-child(5) { min-height:118px;}
  .datepicker.dropdown-menu { transform:scale(1.25); -webkit-transform:scale(1.25); transform-origin:0 100%; -webkit-transform-origin:0 100%;}
  }
  @media (max-width:359px){
  .inner_white h2 { font-size:large;}
  .inner_banner h1 { font-size:large;}
  }

  @media (max-width:320px) {
  	ul.pricing_boxes_list li {min-height: 88px!important;}
  }

  @media (min-width:0px) and (max-width:500px) {
  	.picker__box {  padding: 0 5px !important;}
  }
  .result_bg{ padding:20px !important;}
  @media (min-width:0px) and (max-width:480px) {
	  ul.small_list.full li .img-box{ width:80px;}
	  ul.small_list.full li h3{ width:calc(100% - 80px) !important; padding-left:25px; }
  }
  
  @media (min-width:0px) and (max-width:575px) {
  	.modal-dialog{ margin:2em; }
  }