/* Responsive CSS Document */

/* 
    Created on   : 30/08/2020.
    Theme Name   : Chargemonk: Subscription management & recurring revenue model.
    Version      : 1.0.
    Developed by : Jubayer al hasan. (me@heloshape.com) / (www.me.heloshape.com)
   
*/
@media (min-width: 1200px) {
  .container {max-width: 1170px;}
  .container-custom.container {max-width: 1200px;}
}

@media (min-width: 992px) {
  .container {padding-right: 0;padding-left: 0;}
}
@media (min-width: 1200px) and (max-width: 1450px) {
  
}
@media (max-width: 1366px) {
  
}
@media (max-width: 1199px) {
  .our-services-section .inner-container .shape-two {width: 120px; left:15px;}
  .our-services-section .inner-container {padding: 30px 15px;}
  .about-us-section .text-wrapper {padding-top: 0;}
  .faq-nav-style .nav-link {width: 120px; line-height: 40px; font-size: 17px;}
}
@media (min-width: 992px) and (max-width: 1550px) {
  
}

@media (min-width: 992px) and (max-width: 1366px) {
  
}

@media (min-width: 992px) and (max-width: 1199px) {
  .theme-main-menu {padding: 20px 30px;}
  .navbar-nav .nav-item .nav-link {margin: 0 10px;}
  .main-hero-banner .hero-text-wrapper h1 {font-size: 70px; line-height: 72px;}
  .main-hero-banner .illustration-holder {margin-right: 0;}
  .main-hero-banner .hero-text-wrapper {padding-top: 40px; max-width: 450px; margin-left: 5%;}
  .block-style-one .text {padding-left: 15px; padding-right: 15px;}
  .ceo-speech-section .text-wrapper h2 {font-size: 45px;}
  .ceo-speech-section .img-container .ceo-img {max-width: 450px;}
  .theme-secondary-banner {margin:0 40px 150px;}
  .theme-secondary-banner .nav-container a {padding-left: 10px;}
  .theme-secondary-banner .nav-container a .title {font-size: 16px;}
  .about-us-section .img-box .CS-IP-ceo1 {max-width: 570px;}
  .pricing-plan-section .pr-table-wrapper {padding-left: 540px;}
  .pricing-plan-section .pr-table-wrapper .pr-sidebar-list-wrapper {width: 540px;}
}
/*(min-width: 992px) and (max-width: 1199px)*/

@media (max-width: 991px) {
  .h3, h3 {font-size: 22px;}
  h4,.h4 {font-size: 20px;}
  .h2, h2 {font-size: 32px;}
  body .theme-btn {padding: 0 30px; font-size: 16px;}
  body .button-solid-one {line-height: 46px;}
  body .button-line-one {line-height: 43px;}
  body {padding-top: 92px;}
  .user-lead-page {margin-top: -92px;}
  .title-style-one h2,.ceo-speech-section .text-wrapper h2,.footer-banner h2,.theme-secondary-banner .title-style-one h2,
  .pament-gateway-section .title,.title-style-two h3,.test-card-section h2 {font-size: 38px;}
  .theme-text-banner h1 {font-size: 35px;}
  .title-style-one h6 {padding-bottom: 15px;}
  .title-style-one p {font-size: 18px; padding-top: 15px;}
  .theme-text-banner p {font-size: 16px; line-height: 28px; padding: 25px 0 0;}
  .theme-main-menu {padding: 25px 15px; border-bottom: 1px solid #f1f1f1;}
  .sticky-menu.fixed {padding-top: 20px; padding-bottom: 20px;}
  .theme-main-menu .right-content .button-group {font-size: 15px;line-height: 35px;}
  .theme-main-menu .right-content .signUp-action {margin-left: 10px; padding: 0 12px;}
  .theme-main-menu .logo {max-width: 180px; margin-right: -43px;}
  .main-hero-banner .hero-text-wrapper {margin-left: 15px; padding-top: 0;}
  .main-hero-banner .hero-text-wrapper .sub-text {font-size: 18px; line-height: 1.5em;}
  .main-hero-banner .hero-text-wrapper .demo-request {font-size: 16px; padding-top: 12px;}
  .main-hero-banner .hero-text-wrapper input {height: 55px; font-size: 16px; padding-left: 15px;}
  .block-style-one .text {padding-left: 0; padding-right: 0;}
  .block-style-one .icon {height: 45px; margin: 0 auto 15px;}
  .our-services-section .inner-container .main-bg {padding: 0 0 40px;}
  .block-style-two .img-left {margin: 0 !important;}
  .block-style-two .img-holder .illustration {margin: 0 auto;}
  .CS-IP_06 {left: 0;}
  .CS-IP_12,.CS-IP_14 {right: 0;}
  .block-style-two .text-wrapper {padding: 75px 0 0 !important;}
  .block-style-two .text-wrapper .icon {height: 40px;}
  .block-style-two .text-wrapper p {font-size: 16px; padding-top: 15px;}
  .how-it-works .row:nth-child(odd):before,.how-it-works .row:nth-child(even):before {display: none;}
  .how-it-works .row,.how-it-works .row:nth-child(even) {padding-bottom: 100px;}
  .ceo-speech-section .img-container {position: relative; top:0; display: inline-block; padding: 0 20px 25px 25px; margin-top: 40px;}
  .ceo-speech-section .img-container .ceo-img {max-width: 100%;}
  .ceo-speech-section .img-container .shape-one {right: 0;}
  .ceo-speech-section .img-container .shape-two {width: 80px; left: 0; bottom: 0;}
  .ceo-speech-section {padding: 50px 0;}
  .ceo-speech-section .text-wrapper .icon {width: 120px;}
  .ceo-speech-section .text-wrapper p {font-size: 18px; padding: 25px 0 40px 0;}
  .footer-banner {padding: 50px 0;}
  .theme-footer {padding-top: 70px;}
  .theme-footer .footer-title {padding-bottom: 15px;}
  .theme-footer .bottom-footer-content {margin-top: 10px; padding: 20px 0;}
  .theme-footer .bottom-footer-content p {font-size: 15px;}
  .theme-secondary-banner {margin: 20px 0 130px; padding: 0 15px;}
  .theme-secondary-banner .main-bg {padding-top: 80px;}
  .theme-secondary-banner .title-style-one .button-group {padding-top: 20px;}
  .theme-secondary-banner .nav-container {margin-top: 70px; margin-bottom: 10px; border-radius: 15px;}
  .theme-secondary-banner .inner-container .shape-one {right: -10px;}
  .theme-secondary-banner .nav-container a {width: 100%; padding: 15px 15px;}
  .theme-secondary-banner .nav-container a .icon {width: 24px;}
  .theme-secondary-banner .nav-container a .title {font-size: 17px;}
  .theme-secondary-banner .inner-container .navigation-button {display: none;}
  .product-bg-color-wrapper {margin-top: 130px; padding: 80px 0 70px;}
  .block-style-three {padding: 40px 15px;}
  .block-ST-wrapper .bg-color {padding: 60px 0 40px;}
  .about-us-section .text-wrapper p {font-size: 16px; line-height: 28px; padding-bottom: 25px;}
  .about-us-section {padding-top: 130px;}
  .theme-text-banner,.contact-us-page,.faq-section.border-top-style {padding: 100px 0 120px; border-top:none;}
  .theme-text-banner .icon,.title-style-two .icon {height: 55px;}
  .block-style-four {padding: 45px 15px;}
  .block-style-four .icon {height: 42px; margin-bottom: 25px;}
  .block-style-two .img-right .illustration {float: none;}
  .checkout-nav-style .nav-item .nav-link {max-width: 100%; font-size: 18px; line-height: 50px; text-align: center; background: #f8f8f8; color: #000;}
  .checkout-tab-wrapper .tab-content p {margin: 35px 0 0; font-size: 18px; line-height: 32px;}
  .contact-us-page .enquiry-area a,.contact-us-page .enquiry-area h3 {font-size: 20px;}
  .contact-us-page .enquiry-area .icon {width: 35px; margin-right: 22px;}
  .faq-nav-style .nav-link {margin: 0 5px 10px 5px;}
  .user-lead-page {height: auto; padding: 40px 15px;}
  .user-lead-page .main-content {top:0; transform: none;}
  .pricing-plan-section .plan-meta {position: static; margin-bottom: 40px;}
  .pricing-plan-section .pr-table-wrapper .pr-sidebar-list-wrapper {display: none;}
  .pricing-plan-section .pr-table-wrapper {padding: 0;}
  .pr-table-wrapper .pr-column .lg-DN {display: block;}
  .pr-table-wrapper .pr-list-item span {font-size: 13px; padding-bottom: 5px;}
  .pr-table-wrapper .pr-list-item {min-height: auto; padding: 5px;}
  .terms_and_policy {padding: 100px 0 90px;}
  .terms_and_policy .nav-tabs {display: none !important;}
  .terms_and_policy .main-title {font-size: 32px; text-align: center;}
  .terms_and_policy .tab-content {padding: 0;}
  .terms_and_policy .tab-content>.tab-pane {display: block; margin-top: 40px;}
  .terms_and_policy .fade:not(.show) {opacity: 1;}
  .terms_and_policy .tab-content h3 {font-size: 20px;}
  .terms_and_policy .tab-content h5 {font-size: 18px;}
  .doc-sidebar {top:76px;z-index: 1;}
  
} 
/*(max-width: 991px)*/

@media (min-width: 768px) and (max-width: 991px) {
  .main-hero-banner {padding-top: 110px;}
  .main-hero-banner .hero-text-wrapper h1 {font-size: 60px; line-height: 65px;}
  .main-hero-banner .hero-text-wrapper {max-width: 450px;}
  #doc-sidebar-nav {max-height: calc(100vh - 76px);}
  .doc-sidebar {height: calc(100vh - 76px);}
}
/*(min-width: 768px) and (max-width: 991px)*/

@media (min-width: 576px) and (max-width: 991px) { 
  
}
@media (min-width: 768px) { 
  .doc-links {display: block!important;}
}


@media (max-width: 767px) {
  .main-hero-banner .hero-text-wrapper button{width: 155px;font-size:13px;}
  .main-hero-banner {padding-top: 100px;}
  .main-hero-banner .hero-text-wrapper h1 {font-size: 48px; line-height: 52px;}
  .main-hero-banner .hero-text-wrapper {max-width: 100%; margin-right: 15px; padding-top: 80px;}
  .main-hero-banner .hero-text-wrapper .sub-text {padding: 20px 0 30px;}
  .main-hero-banner .illustration-holder {max-width: 100%; margin: 0 auto !important; padding: 0 0px 0 30px;}
  .CS-IP_02 {left: 0; bottom: 0;}
  .main-hero-banner .hero-text-wrapper span:before {height: 14px; bottom: 9px;}
  .block-style-three .icon {height: 40px;}
  .pament-gateway-section .info-text-2 {font-size: 16px; line-height: 28px;}
  .pament-gateway-section .country-selection-wrapper {padding: 40px 15px 20px;}
  .resources-nav-style {padding: 5px 15px;}
  .resources-nav-style .nav-link {font-size: 16px; margin: 5px 0;}
  .about-us-section .img-box .CS-IP-ceo1 {max-width: 100%; left:0;}
  .block-style-five .wrapper .icon {width:70px; margin: 30px auto 15px;}
  .block-style-five .wrapper .num {font-size: 70px; line-height: initial; text-align: center;}
  .block-style-five .wrapper .text-wrapper {text-align: center;padding: 15px 0 0;}
  .block-style-five .wrapper {padding: 15px 15px 40px;}
  .section-border-style .wrapper {margin-bottom: 100px;}
  .faq-section .card .card-body {padding-right: 0;}
  .faq-section .card .card-header button {font-size: 17px;}
  .faq-section .card .card-header button[data-toggle="collapse"].collapsed {padding: 22px 20px 22px 0}
  .block-style-two .img-holder .illustration.neg-space {margin: -80px auto;}
  .more-info-text p {font-size: 18px;}
  .pr-table-wrapper .pr-column .pr-header .pr-plan-meta h3 {font-size: 24px;}
  .pr-table-wrapper .pr-column .pr-header .price {font-size: 40px;}
  .test-card-section thead th {font-size: 17px;}
  .test-card-section tbody tr td {font-size: 15px;}
  #doc-sidebar-nav {max-height: calc(100vh - 76px);}
  .doc-sidebar {height: 100%;}
  #doc-sidebar-nav {position: fixed; top:76px; left: 0; height: 100%;background: #F3F8FF; width: 280px; border-right: 1px solid #E1E6EE;}
  .doc-container .doc-main-body {padding: 45px 15px 50px; height: 100%; border:none;}
  .doc-sidebar .side-block {padding: 10px;}
  .doc-sidebar .side-block:first-child {padding-top: 24px;}
  .doc-container .doc-main-body h2 {font-size: 30px;}
  .doc-container .doc-main-body h3 {font-size: 25px;}
  .doc-container .doc-main-body h3:not(:first-child) {padding-top: 25px;}
  .doc-container .doc-main-body h4 {font-size: 20px;}
  .doc-container .doc-main-body .drop-hed {padding: 12px 15px;}
  .doc-container .doc-main-body .list-style-two {padding-left: 30px;}
  .doc-container .doc-main-body .mark-text {margin-left: 0; padding-left: 15px; padding-right: 15px;}


  /*team*/
  .first-img-ic{
    width: 80px;
    bottom: -43px;
    left: 11px;
  }
  .team-first-image{padding: 0 15px !important}
  .team-mn h1 span:before{width: 100% !important;}
  .team-fst {
    font-size: 36px !important;
}
.bg-image-fnd {
    width: 100%;
    display: none;
}
.dt-pin{display: none;}
.team-founder{flex-direction: column;margin-bottom: 30px;align-items: center !important;}
.team-founder-3{flex-direction: column;width: 100%;align-items: center !important;}
.team-founder-2{flex-direction: column;position: relative;left: 0;top: 0;margin-bottom: 30px;align-items: center !important;}
.founder-img {
    width: 100%;
}
.border-img {
  display: none;
}
.foundr-nme{
    width: 248px !important;
    height: auto;
    margin: auto;
    margin-top: -36px;
  border-top-left-radius: 0px;
    border-top-right-radius: 0;
}
.team-founder-2 .foundr-nme, .team-founder-3 .foundr-nme {
    width: 248px;
    margin: auto;
    margin-top: -36px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0;
}
.team-founder-3 {
    margin-top: 0px;
    margin-left: 0px;
}
.wd-78{width: 100%}
.respn-pd{padding: 50px 0px !important;}
.mr-left{margin-left: 0px;}
.res-mb-team{
  margin-top: 50px !important;
  flex-direction: column;
}
.wd-27.text-left.mar--30{width: 100%;margin-bottom: 50px;}
.team-bgimg{display: none;}
.team-images{width: 100%}
.wd-38{width: 100%}
.svgimg{display: none;}
.wd-75.p-0.text-left{width: 100%}
.team-founder:hover h5,.team-founder-2:hover h5, .team-founder-3:hover h5{color: #fff}  
.team-founder:hover .foundr-nme,.team-founder-2:hover .foundr-nme,.team-founder-3:hover .foundr-nme{
   background-color: #fff;
  color: #474d57;
}  
.team-founder:hover .founder-img{border:0px solid #FFA455;border-radius: 30px;}
.team-founder-2:hover .founder-img{border:0px solid #00D7A5;border-radius: 30px;}
.team-founder-3:hover .founder-img{border:0px solid #6C63FF;border-radius: 30px;}
.team-subtxt-h, .team-subtxt-p {
    margin-left: 20px;
}
.wd-38.mb-4.mr-25-t img{margin: auto;}
}
/*(max-width: 767px)*/

@media (min-width: 576px) and (max-width: 767px) {

}
/*(min-width: 576px) and (max-width: 767px)*/

@media (max-width: 575px) {
  .main-hero-banner {padding-top: 80px;}
  .theme-secondary-banner .inner-container .shape-one {display: none;}
  .our-services-section .inner-container .shape-two {width: 80px;}
  .ceo-speech-section .text-wrapper h2 span:before {display: none;}
  .theme-secondary-banner {margin-bottom: 100px;}
  .pament-gateway-section .result-data ul {width: 100%; padding: 20px 0 0 0; margin: 0; text-align: center;}
  .pament-gateway-section .result-data ul li {float: none; padding: 5px 14px; display: inline-block;}
  .pament-gateway-section .result-data .flag {margin: 0 auto;}
  .user-data-form {padding: 40px 15px;}
  .title-style-one h2 span:before {
    content: '';
    position: absolute;
    height: 12px;
    width: 100%;
    background: #FFCB71;
    left: 0;
    bottom: 2px;
    z-index: -1;
}
.title-style-one h2{line-height: 42px}
}
/*(max-width: 575px)*/

@media (max-width: 500px) {
  
}

@media (max-width: 430px) {
  .theme-main-menu .logo {max-width: 150px; margin:0;}
  body {padding-top: 86px;}
  .user-lead-page {margin-top: -86px;}
}
@media (max-width: 400px) {
  
}