@media screen and (max-width: 1500px) {

}


@media screen and (max-width: 1440px){
body>.footer {
	padding:0 30px;
}
    .page-content {
        padding: 60px 80px 100px 80px;
    }
}

@media screen and (max-width: 1300px){
.widget-navigation.foo-menu.wc {
  margin-left: -60px;
}
}

@media screen and (max-width: 1200px) {
body>.footer {
	padding:0 0px;
}
    .widget-navigation.main-menu .nav-wrapper.horizontal {
        text-align: left;
    }

.responsive .plugin-template-container {
    padding: 0 20px;
}
.responsive .webcom-top-banner .inner-content {
    padding: 0 20px;
}
.responsive .webcom-top-banner {
    padding: 130px 0 180px;
}
.responsive .plugin-templates-section {
    padding: 75px 0px;
    margin: 0 -20px;
}
.responsive .count-section {
    padding: 20px 20px 105px 20px;
    margin: 0 -20px;
}
.responsive .home-cta-area .home-cta-container {
    padding: 70px 20px 80px 20px;
}

.responsive .page-content {
    padding: 45px 20px;
}
.responsive .home-logo-section {
    background: #fff;
    padding: 82px 30px 100px 30px;
    margin: 0 -20px;
	margin-bottom: -60px;
}
    .responsive .webcom-top-banner .home-title {
        font-size: 42px;
        line-height: 62px;
    }
    .responsive .home-api .inner-content .single-item .top-content .left-content h3 {
        margin: 0 0 15px;
        font-size: 22px;
        line-height: 30px;
    }
    .responsive .home-api .inner-content .single-item a {
        margin: 30px 0 0;
    }
    .responsive .home-logo {
        max-width: 900px;
        padding: 0 0 90px;
    }
    .responsive .solution-platform .full-content h2 {
        margin: 0 0 35px;
        font-size: 38px;
        line-height: 50px;
    }
    .responsive .solution-platform .full-content .inner-content {
        grid-gap: 20px;
    }
    .responsive .solution-platform .full-content .inner-content .single-item {
        padding: 35px 30px;
    }

    .responsive .solution-platform .full-content {
        max-width: 100%;
        padding: 90px 20px 100px;
    }
    .responsive .solution-platform .full-content .inner-content .single-item h3 {
        margin: 20px 0 15px;
        font-size: 22px;
        line-height: 30px;
    }
    .responsive .webcom-top-banner .content-description p {
        font-size: 18px;
        line-height: 30px;
    }
    .responsive .home-api .inner-content .single-item {
        padding: 40px 30px;
    }
    .responsive .home-api {
        max-width: 100%;
        margin: -120px auto 0;
        padding: 0 20px 90px;
    }
.responsive .count-section .count-title,
.responsive .plugin-templates-section .plugin-main-title {
    font-size: 30px;
}
.responsive .home-logo-section .logo-title,
.responsive .home-cta-area .head-text {
   font-size: 34px;
   line-height: 47px;
}
.responsive .home-logo-section .logo-container {
    margin-top: 34px !important;
}
.responsive .count-section .count-container {
    padding: 0 20px;
    margin-top: 65px!important;
    grid-gap: 50px 25px;
}
.responsive .count-section .count-container .count-item .count-number {
    font-size: 40px;
}
.responsive .count-section .count-container .count-item p {
    font-size: 22px;
    line-height: 38px;
    padding: 4px 0 0 0;
}
.page-home .body {
    padding: 0;
}
.responsive .plugin-templates-section .plugin-main-title {
    padding: 0 20px 25px 20px;
}
.responsive .right-menu-side-content ul li.get-started-btn a {
    padding: 9px 14px 9px 14px;
    font-size: 15px;
}
    .responsive .horizontal .navigation-item a {
        padding: 0 !important;
    }
.responsive .right-menu-side-content ul li {
    margin: 0 0 0 8px;
}
.sidebar-sdk-left-menu {
  padding: 40px 10px 40px 10px;
}
.widget-table-of-contents-inner {
  padding: 0 20px;
}
  .html-widget-element-content {
  overflow-x: scroll;
}
.html-widget-element-content table {
    width: auto;
    display: block;
    overflow: auto;
    padding: 0;
    border: 0;
}
h1 {
	font-size: 28px;
  line-height: 38px;
}
h2 {
	font-size: 26px;
  line-height: 36px;
}
h3 {
	font-size: 22px;
  line-height: 34px;
}
h4 {
	font-size: 20px;
  line-height: 32px;
}
h5 {
	font-size: 18px;
  line-height: 30px;
}
h6 {
	font-size: 17px;
  line-height: 30px;
}
  h1, h2, h3 {
  margin-top: 32px;
  margin-bottom: 10px;
  }
.sidebar-sdk-left-menu .navigation-item.has-child > a, .sidebar-sdk-left-menu .navigation-item a {
  padding-left: 10px;
}
/*menu responsive css start*/
    .widget-navigation.main-menu .menu-title {
        position: absolute;
        right: 20px;
        top: 20px;
        z-index: 1;
    }
    .page-home .widget-navigation.main-menu .menu-button em {
    background-color: #fff;
    }
    .page-home .header.sticky .widget-navigation.main-menu .menu-button em {
        background-color: #000;
    }
    .widget-navigation.main-menu .menu-button em {
        background-color: #000;
    }
.responsive .widget-navigation.main-menu .nav-wrapper {
    background-color: #fff;
    left: 0;
    top:70px;
    width: 100%;
    height: auto !important;
    z-index: 1;
	box-shadow:5px 5px 5px 0 rgba(0, 0, 0, .1);
}
    .widget-navigation.main-menu .navigation-item a {
        font-weight: 500;
        color: #000 !important;
        font-size: 16px;
    }
.widget-navigation.main-menu .navigation-item.active a, 
.widget-navigation.main-menu .navigation-item a:hover, 
.widget-navigation.main-menu.navigation-item a:focus {
    color:#22b0af !important;
}
    .main-menu .nav-wrapper.responsive-navigation .navigation-item {
        border-top: 1px solid #f1f1f1;
        padding: 12px 20px;
    }
  .nav-wrapper.responsive-navigation {
  padding: 0;
}
/*menu responsive css end*/

}

@media screen and (max-width:1080px){
.responsive .widget-navigation.service-box {
    margin-left: -94px;
}
}
@media screen and (max-width: 991px) {
    .sidebar-sdk-left-menu {
        padding: 20px 18px;
    }

    .responsive .widget-navigation.service-box {
        margin-left: 0px;
    }

    .responsive .webcom-top-banner .home-title {
        font-size: 38px;
        line-height: 50px;
    }
    .responsive .home-api .inner-content .single-item .top-content {
        flex-direction: column-reverse;
    }
    .responsive .home-api .inner-content .single-item .top-content .left-content {
        width: 100%;
        padding: 30px 0 0;
    }
    .responsive .home-api .inner-content .single-item .top-content .right-content {
        width: 100%;
    }
    .responsive  .home-api .inner-content .single-item .top-content .right-content img {
        max-width: 80px;
    }
    .responsive .home-api .inner-content .single-item .top-content .left-content h3 {
        margin: 0 0 12px;
        font-size: 20px;
        line-height: 22px;
    }
    .responsive .home-api .inner-content .single-item a {
        margin: 25px 0 0;
    }
    .responsive .webcom-top-banner {
        padding: 120px 0 170px;
    }
    .responsive .home-logo {
        max-width: 650px;
        padding: 0 0 80px;
    }
    .responsive .home-api {
        padding: 0 20px 80px;
    }
    .responsive .solution-platform .full-content h2 {
        font-size: 35px;
        line-height: 40px;
    }
    .responsive .solution-platform .full-content .inner-content .single-item {
        padding: 32px 25px;
    }
    .responsive .solution-platform .full-content .inner-content .single-item {
        min-height: 410px;
    }
    .responsive .plugin-template-container {
        grid-gap: 25px;
    }
    .responsive .solution-platform .full-content {
        padding: 80px 20px 90px;
    }
    .responsive .plugin-template-container .sub-plug-title {
        font-size: 28px;
        line-height: 42px;
        margin: 0px 0 16px 0;
    }

    .responsive .count-section .count-title,
    .responsive .plugin-templates-section .plugin-main-title {
        font-size: 26px;
        line-height: 36px;
    }

    .responsive .home-logo-section .logo-title,
    .responsive .home-cta-area .head-text {
        font-size: 30px;
        line-height: 40px;
    }

    .responsive .count-section .count-container {
        margin-top: 40px !important;
        grid-gap: 50px 25px;
    }

    .left-modern-nav-drawer-container .nav-wrapper.responsive-navigation {
        padding: 20px;
    }
    .responsive #left-modern-nav-drawer-wc .navigation-item .navigation-item-child-container {
        padding-left: 12px;
        padding-right:0;
    }
    #webcommander-page.responsive #left-modern-nav-drawer-wc .navigation-item>.navigation-item-child-container {
      display: none;
  }
  #webcommander-page.responsive #left-modern-nav-drawer-wc .navigation-item>.navigation-item-child-container.open,
  #webcommander-page.responsive #left-modern-nav-drawer-wc .navigation-item>.navigation-item-child-container.active {
      display: block;
  }
  #webcommander-page.responsive #left-modern-nav-drawer-wc .navigation-item>.navigation-item-child-container.active.open {
    display: none;
  }

    .responsive .social-link ul li a i {
        font-size: 14px;
    }

    .responsive .social-link ul li {
        margin: 0 8px 0 0;
        width: 32px;
        height: 32px;
    }
 
 
}

@media screen and (max-width: 767px) {
h1, h2, h3, h4, h5, h6 { 
          overflow: auto;
}
  .widget-code-snippet-inner .code-snippet-widget-element-content { 
    background: #fbfbfb; 
}
  .api-playground-section .api-playground-card .api-play-card-left { 
    width: 100%;
}
  .api-playground-section .api-playground-card .api-play-card-left .api-request-endpoint { 
    flex-basis: 85%;
    max-width: 85%; 
}
  .api-playground-section .api-playground-card .api-play-card-right {
    border-left: 0; 
    padding-left: 0;
}
.api-playground-section .api-playground-card {
    flex-direction: column;
    align-items: end;
}
    .widget-article .page_404 .ops {
        font-size: 54px;
    }

    .widget-article .page_404 .ops .big_font {
        font-size: 70px;
        margin-right: -13px;
    }

    .widget-article .page_404 .big {
        font-size: 70px;
        margin-left: -13px;
    }

    .widget-code-snippet-inner .bmui-tab-header-container .bmui-tab-header {
        display: inline-block;
    }

    div#spltr-B192262F-B598-415F-AA0A-19D792CE8BE2, div#spltr-B618F29D-283D-4218-BA75-B75D2C54A822 {
        position: relative;
        top: inherit;
    }

    .html-widget-element-content {
        overflow: auto;
    }

    .responsive .page-content {
        padding: 15px 15px 60px 15px;
    }

    .sidebar-sdk-left-menu {
        padding: 15px 15px 0 15px;
        height: auto;
        overflow: hidden;
        border: 0;
    }

    .responsive .widget-image.footer-logo img {
        width: auto;
    }

    .responsive .webcom-top-banner .home-title {
        font-size: 28px;
        line-height: 36px;
    }

    .responsive .webcom-top-banner .content-description p {
        font-size: 15px;
        line-height: 28px;
    }

    .responsive .plugin-templates-section {
        padding: 50px 0px;
        margin: 0 -15px;
    }

    .responsive .plugin-templates-section .plugin-main-title {
        padding: 0 15px 25px 15px;
    }

    .responsive .plugin-template-container .sub-plug-title {
        font-size: 20px;
        line-height: 28px;
        margin: 0px 0 11px 0;
        text-align: center;
    }

    .responsive .plugin-template-container .item-box {
        padding: 32px 20px 40px 20px;
        text-align: center;
    }

    .responsive .plugin-templates-section .plugin-main-title {
        font-size: 20px;
        line-height: 30px;
    }

    .responsive .webcom-top-banner .inner-content {
        padding: 0 15px;
    }
    .responsive .solution-platform .full-content {
        padding: 50px 15px 50px;
    }
    .responsive .solution-platform .full-content .inner-content {
        display: block;
    }
    .responsive .solution-platform .full-content h2 {
        font-size: 28px;
        line-height: 38px;
        margin: 0 0 25px;
    }
    .responsive .solution-platform .full-content .inner-content .single-item {
        min-height: auto;
        padding: 35px 20px;
        margin: 0 0 20px;
    }
    .responsive .solution-platform .full-content .inner-content .single-item:last-child {
        margin: 0;
    }
    .responsive .solution-platform .full-content .inner-content .single-item h3 {
        font-size: 20px;
        line-height: 28px;
    }
    .responsive .solution-platform .full-content .inner-content .single-item p {
        line-height: 25px;
        font-size: 15px;
    }
    .responsive .home-logo {
        max-width: 100%;
        padding: 0 15px 50px;
    }
    .responsive .logo-section {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: 30px 20px;
        text-align: center;
    }
    .responsive .home-logo h2 {
        margin: 0 0 30px;
        font-size: 22px;
        line-height: 30px;
    }
    .responsive .home-api .inner-content .single-item .top-content .left-content p {
        font-size: 15px;
    }
    .responsive .home-api {
        padding: 0 15px 50px;
    }
    .responsive .home-api .inner-content .single-item {
        padding:45px 20px;
        margin: 0 0 20px;
    }
    .responsive .home-api .inner-content .single-item:last-child{
        margin:0;
    }
    .responsive .webcom-top-banner {
        padding: 95px 0 135px;
    }
    .responsive .home-api .inner-content {
        display: block;
    }
    .responsive .plugin-template-container {
        padding: 0 15px;
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .responsive .count-section .count-title,
    .responsive .plugin-templates-section .plugin-main-title {
        font-size: 20px;
        line-height: 30px;
    }

    .responsive .count-section .count-sub-text p {
        font-size: 15px;
        line-height: 25px;
    }

    .responsive .count-section .count-container {
        padding: 0;
        margin-top: 40px !important;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        grid-gap: 20px 0px;
    }

    .responsive .count-section {
        padding: 0px 20px 60px 20px;
        margin: 0 -15px;
    }

    .responsive .count-section .count-container .count-item .count-number {
        font-size: 32px;
    }

    .responsive .count-section .count-container .count-item p {
        font-size: 20px;
        line-height: 38px;
    }

    .responsive .count-section .count-container .count-item {
        min-height: 170px;
    }

    .responsive .home-logo-section .logo-title, .responsive .home-cta-area .head-text {
        font-size: 22px;
        line-height: 32px;
    }
    .responsive .home-cta-area .home-cta-container a {
        max-width: 180px;
        font-size: 16px;
        padding: 14px 15px;
        height: 50px;
    }
    .responsive .home-cta-area .home-cta-container {
        padding: 50px 15px 55px 15px;
    }

    .responsive .home-cta-area .home-cta-container a.join-btn {
        max-width: 216px;
        padding: 9px 10px;
        font-size: 15px;
        line-height: 20px;
    }

    .responsive .home-cta-area .home-cta-container p {
        font-size: 15px;
        line-height: 25px;
        padding: 0 0 20px 0;
    }

    .responsive .plugin-template-container p {
        font-size: 15px;
        line-height: 25px;
    }

    .responsive .home-logo-section .logo-container .logo-row-box {
        padding: 0;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .responsive .home-logo-section .logo-container .logo-row-box .logo-item {
        min-height: 88px;
        padding: 0px 20px;
    }

    .responsive .home-logo-section .logo-container .logo-row-box .logo-item:nth-child(3) {
        border-left: 0px solid #EBEBEB;
    }

    .responsive .home-logo-section .logo-container .logo-row-box:first-child .logo-item:nth-child(1),
    .responsive .home-logo-section .logo-container .logo-row-box:first-child .logo-item:nth-child(2) {
        border-bottom: 1px solid #EBEBEB;
    }

    .responsive .home-logo-section .logo-container {
        margin-top: 15px !important;
    }

    .responsive .home-logo-section {
        padding: 60px 15px 60px 15px;
        margin: 0 -15px;
        margin-bottom: -60px;
    }


    .responsive .right-menu-side-content {
        display: none;
    }

    .widget.widget-image.footer-logo {
        text-align: left;
        padding: 0 15px;
    }

    .footer-info-content {
        text-align: left;
        padding: 0 15px;
    }

    .social-media-link {
        text-align: center;
    }

    .foo-bottom-menu {
        text-align: center;
    }

    .copyright p {
        text-align: center;
    }

    .footer > .widget-container {
        padding: 0 0px;
    }

    .copyright p {
        font-size: 13px;
    }

    .widget-navigation.main-menu .menu-title {
        right: 15px;
    }

    .responsive.page-page-not-found .page-content {
        padding: 0px 0px 60px 0px;
    }

    body.page-home .header > .widget-container {
        padding: 0 15px;
    }

    .responsive .foo-menu .navigation-item a {
        padding: 4px 0;
        line-height: 22px;
    }

    .widget-navigation.foo-menu.wc {
        margin-left: unset;
    }

    .widget-article.developer-hub {
        display: none;
    }

    .main-menu .nav-wrapper.responsive-navigation .navigation-item.get-started {
        display: block;
    }

    .widget-snippet.get-started-btn {
        display: none;
    }

    .main-menu .nav-wrapper.responsive-navigation .navigation-item {
        padding: 10px 15px;
    }

    body > .footer {
        padding: 0 15px;
    }

    .widget-article.footer-copyright p {
        text-align: center;
    }

    .footer .footer-menu .horizontal .navigation-item::after {
        width: 2px;
        height: 2px;
        right: 10px;
    }
    .footer .footer-menu .horizontal .navigation-item {
        padding: 0 20px 3px 0;
    }
    .footer .footer-menu .nav-wrapper.horizontal {
        text-align: center;
    }
    .responsive .social-link ul {
        justify-content: center;
    }
    .widget-article.back-to-top {
        max-width: 50px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 350px){
   .widget-navigation.foo-menu.wc-solutions {
  max-width: 137px;
}
}