@media (max-width: 1990px) and (min-width: 1450px) {
  .caption-banner {
    position: absolute;
    top: 15%;
    left: 15%;
  }

  .caption-banner-home {
    padding: 10% 0 0 15%
  }

  .caption-banner-cosmos {}

  .btn_start_section_cosmos {}
}

@media (max-width: 1449px) {

  #header #main-menu .navbar-nav>li>a,
  #header #main-menu-login .navbar-nav>li>a {
    padding-left: 13px;
    padding-right: 13px;
    font-size: 16px;
  }

  .btn_set_1 {
    background-size: 106px;
  }
}

@media (min-width: 1400px) {
  #payment_fail .container {
    width: 1350px;
  }

  #home_contact h3 {
    margin-top: 50px;
  }
}

@media (max-width: 1400px) {
  .box-unsubscription {
    margin: 180px auto;
  }
}

@media (max-width: 1385px) {
  .caption-banner-home {
    padding: 10% 0 0 10%;
  }

  .btn_free_cosmos {
    width: 80%;
    padding: 15px 15px;
    margin: 0 5px;
  }

  .btn_set_start_your {
    width: 80%;
    padding: 15px 15px;
    margin: 0px;
  }

  .img_home_cosmos,
  .img_home_analytics {
    width: 100%;
  }

  .caption-banner h1,
  .caption-banner-home h1 {
    font-size: 32px;
  }

  .caption-banner h5,
  .caption-banner-home h5 {
    font-size: 32px !important;
  }

  .caption-banner h5 span,
  .caption-banner-home h5 span {
    font-size: 30px;
  }

  .btn_set_1 a,
  .btn_set_2 a {
    padding: 10px 15px !important;
  }
}

@media (max-width: 1300px) {

  #header #main-menu .navbar-nav>li>a,
  #header #main-menu-login .navbar-nav>li>a {
    padding-left: 10px;
    padding-right: 10px;
  }

  .banner_social_menu {
    display: none;
  }

  .btn_set_1 {
    background-size: 108px;
  }

  .caption-banner h1,
  .caption-banner-home h1 {
    font-size: 32px;
  }

  .caption-banner h5,
  .caption-banner-home h5 {
    font-size: 32px !important;
  }

  .usecases_detail .caption-banner {
    top: 11% !important;
  }

  #home_contact h3 {
    font-size: 38px;
  }

  .about_us .caption-banner {
    top: 3% !important;
  }

  .about_us .caption-banner h4 {
    margin: 10px 0 !important;
  }

  .about_us .caption-banner h3 {
    margin-top: 10px;
  }

}

@media (max-width: 1250px) {

  /*#menu_main_login .btn_set_2 a{
        min-width: 115px !important;
    }*/
  .btn_set_1 a,
  .btn_set_2 a {
    padding: 10px 15px !important;
  }

  #myModal_trial .modal-dialog {
    width: 1100px;
  }

  #myModal_trial .inp {
    margin-bottom: 12px;
  }

  #myModal_trial .pl-5 {
    padding-left: 15px;
  }

  #myModal_trial .pr-5 {
    padding-right: 15px;
  }

  .section_trail_form {
    padding: 20px 35px 5px;
  }

  #header #main-menu .navbar-nav>li>a,
  #header #main-menu-login .navbar-nav>li>a {
    padding-left: 10px;
    padding-right: 10px;
  }

  #main-menu-login .navbar-collapse.collapse {
    padding: 0;
  }

  .caption-banner h1,
  .caption-banner-home h1 {
    font-size: 32px;
  }

  .caption-banner h5 span,
  .caption-banner-home h5 span {
    font-size: 28px;
  }

  .btn_set_1 {
    background-size: 104px;
  }

  #home_contact {
    padding: 40px 0;
  }

  #home_contact h3 {
    font-size: 32px;
  }

  #usecase_detail .col-md-3 img {
    width: 100%;
  }

  .caption-banner h5,
  .caption-banner-home h5 {
    font-size: 28px !important;
  }

  .caption-banner p.sub_banner_set,
  .caption-banner-home p.sub_banner_set {
    font-size: 14px;
    line-height: 22px;
  }

  .btn_set_usecase,
  .btn_set_plans {
    font-size: 15px;
  }

  .btn_start_plans {
    margin-top: 20px;
  }

  .block_use_case {
    margin-bottom: 12px;
    font-size: 12px;
  }

  .port-1.effect-2 .text-desc {
    bottom: -75%;
  }

  .sub_content_menu {
    /* padding: 0 30px 40px; */
  }

  .btn_set_start_your {
    /*👉 padding: 20px;👈*/
    font-size: 16px;
  }

  #home_business h2 {
    font-size: 28px;
    color: #202124;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  #home_business h5 {
    font-size: 16px;
  }

  #home_used_case h3 {
    font-size: 32px;
    margin-bottom: 30px;
  }

  #home_used_case .tab_content h3 {
    font-size: 26px;
  }

  .usecases_detail #home_used_case .tab_content h1,
  .usecases_detail #home_used_case .tab_content h2 {
    font-size: 26px;
  }

  #home_listening h2 {
    font-size: 32px;
  }

  .usecases_detail .caption-banner {
    top: 6% !important;
  }

  .usecases_detail .caption-banner h5 {
    font-size: 26px !important;
  }

  .btn_set_usecase {
    padding: 10px 25px;
    font-size: 16px;
  }

  .usecase_test {
    padding-top: 30px;
  }

  #about_banner h2 {
    font-size: 32px;
    margin-bottom: 30px;
  }

  .about_us .caption-banner h3 {
    font-size: 26px;
  }

  .about_us .caption-banner h4 {
    font-size: 16px;
    line-height: 24px;
  }

  .about_us .caption-banner h4 {
    margin: 10px 0 !important;
  }

  .about_us .caption-banner {
    top: 4% !important;
  }

  #about_us_detail {
    padding: 80px 0 0;
  }

  #about_us_detail h2 {
    font-size: 30px;
  }

  #about_us_detail p {
    font-size: 14px;
  }

  .paltform_menu ul li a p {
    font-size: 12px;
  }

  .paltform_menu {
    padding: 0;
    margin-bottom: 40px;
  }

  .platform_list h3 {
    font-family: "Roboto", sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: #202124;
    margin-top: 35px;
  }

  .platform_list h4 {
    font-size: 50px;
    margin-top: 28px;
  }

  .as_use_by {
    padding: 0;
  }

  #home_partner p.txt_ads_partner {
    padding-top: 28px;
  }

  #home_content_slide h3 {
    font-size: 32px;
    margin-bottom: 50px;
    line-height: 45px;
  }

  #home_content_slide {
    padding: 40px 0;
  }

  .paltform_menu ul li {
    padding-left: 7px;
    padding-right: 7px;
  }

  .lastest_list_content_all {
    flex: 0 0 21.7%;
  }

  .usecases_detail .caption-banner h4.used_case_detail_6 {
    font-size: 32px !important;
  }

  .contract_plan {
    font-size: 20px !important;
  }
}

@media (max-width: 1200px) {
  .plan_info.lang_view_th .caption-banner h1 {
    font-size: 24px;
  }

  #plan_head_fixed {
    /*👉 display: none !important;👈*/
  }

  .paltform_menu ul li a p {
    font-size: 13px;
  }

  .paltform_menu ul li {
    padding-left: 8px;
    padding-right: 8px;
  }

  .paltform_menu {
    padding: 0;
    margin-bottom: 40px;
  }

  #header #main-menu .navbar-nav>li>a,
  #header #main-menu-login .navbar-nav>li>a {
    font-size: 14px !important;
  }

  #header #main-menu .navbar-nav>li>a,
  #header #main-menu-login .navbar-nav>li>a {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .btn_set_1 a {
    font-size: 14px !important;
  }

  .btn_set_2 a {
    font-size: 14px !important;
  }

  .btn_set_1 {
    background-size: 95% 32px;
  }

  #home_used_case .nav-pills>li {
    width: 15%;
    min-height: 136px;
  }

  .img-contract {
    top: 20% !important;
  }

  .caption-banner h5 span {
    font-family: "Roboto", sans-serif;
    font-size: 28px;
    font-weight: 300;
    color: #202124;
  }

  .caption-banner p.sub_banner,
  .caption-banner-home p.sub_banner {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .search_blog {
    float: right;
    width: 40%;
    display: inline-block;
  }

  .caption-banner-home {
    padding: 10% 0 0 10%;
  }

  .btn_free_cosmos {
    width: 80%;
    padding: 15px 10px;
    margin: 0 10px;
    font-size: 12px;
  }

  .btn_set_start_your {
    width: 80%;
    padding: 15px 10px;
    margin: 0px;
    font-size: 12px;
  }

  .img_home_cosmos,
  .img_home_analytics {
    width: 100%;
  }

  .homepage .caption-banner p.sub_banner_set,
  .homepage .caption-banner-home p.sub_banner_set {
    font-size: 13px;
  }

}

@media (max-width: 1440px) {
  #navigation .button-menu-mobile {
    display: block;
  }
}

@media (max-width: 1100px) {

  #header #main-menu .navbar-nav>li>a,
  #header #main-menu-login .navbar-nav>li>a {
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 13px !important;
  }

  .btn_set_1 {
    background-size: 95% 28px;
  }

  #header #main-menu .navbar-nav>li>a,
  #header #main-menu-login .navbar-nav>li>a {
    font-size: 13px !important;
  }

  #navigation .button-menu-mobile {
    display: block;
  }

  /* .lastest_list{
        display: block;
    }
    .lastest_list_content{
        margin: 0;
        padding: 0 15px;
    }*/
}

.box-center-pd {
  padding-top: 10%;
}

.btn-go-home {
  display: inline-block;
  margin-right: 10px;
  padding: 15px 30px;
  border-radius: 5px;
  background-color: #14c6a3;
  color: #ffffff;
  margin-top: 10px;
  font-weight: bold;
  font-size: 14px;
}

.btn-go-home:hover {
  background-color: #0bb085;
  color: #ffffff;
}

.btn-go-home-gray {
  display: inline-block;
  margin-right: 10px;
  padding: 15px 30px;
  border-radius: 5px;
  background-color: #ffffff;
  color: #96a0b7;
  margin-top: 10px;
  font-weight: bold;
  font-size: 14px;
}

.btn-go-home-gray:hover {
  background-color: #94a1b6;
  color: #ffffff;
}

.btn-repayment {
  display: inline-block;
  margin-right: 10px;
  padding: 15px 30px;
  border-radius: 5px;
  background-color: #ff5352;
  color: #ffffff;
  margin-top: 10px;
  font-weight: bold;
  font-size: 15px;
}

.btn-repayment:hover {
  background-color: #e04a52;
  color: #ffffff;
}

.ic_circle_mandala {
  position: absolute;
  right: 0 !important;
  left: 0 !important;
  margin: auto;
  width: 183px;
  top: -93px;
}

@media (max-width: 991px) {
  .box-center-pd {
    padding-top: 100px;
  }

  .ic_circle_mandala {
    width: 125px;
    top: -63px;
  }

  .txt_or {
    color: #202124;
  }

  .plan_info.lang_view_th .caption-banner h1 {
    font-family: Mitr, sans-serif !important;
    font-weight: 500;
    font-size: 23px;
    line-height: 35px !important;
  }

  .blog_detail_content {
    margin-bottom: 0;
  }

  #payment_list {
    margin-top: 30px;
  }

  .plan_info .caption-banner h1,
  .free_trial .caption-banner h1,
  .freemium .caption-banner h1 {
    font-size: 21px;
    line-height: 32px !important;
    margin-bottom: 20px;
  }

  .freemium hr,
  .free_trial hr {
    margin: 30px 0 !important;
  }

  .section_trail_form {
    padding: 15px;
  }

  #btn_start_trial,
  #btn_start_freemium,
  #btn_start_plan {
    width: 70%;
  }

  .thankyou_page .caption-banner h5 span {
    font-size: 26px;
    color: #333 !important;
  }

  .thankyou_page .footer_sub_banner span {
    color: #333 !important;
  }

  .plan_info .caption-banner h2 {
    text-align: center !important;
    line-height: 40px !important;
    font-size: 26px !important;
    color: #000 !important;
  }

  #plan_price .dropdown {
    min-width: inherit;
    display: block;
    width: 100%;
    margin-top: 0;
  }

  #plan_price .lang_btn {
    margin-right: 10px !important;
  }

  #plan_price .table-responsive {
    margin-top: 20px !important;
  }

  #myModal_trial .modal-dialog {
    width: 96%;
  }

  .logo_footer_1 {
    max-width: 30%;
    margin-right: 15px;
  }

  .logo_footer_2 {
    max-width: 30%;
    margin-left: 15px;
  }

  html {
    overflow-x: hidden !important;
  }

  .lastest_list_set .blog_more_new {
    padding-left: 0;
    padding-right: 0;
  }

  .lastest_list_set h4.txt_blog_border {
    margin-bottom: 20px !important;
    display: block;
  }

  .blog_lastest h2 {
    font-size: 24px;
  }

  .about_us .caption-banner h2 {
    color: #202124 !important;
    text-align: center;
  }

  #home_business {
    padding: 50px 0;
  }

  #home_business h4 {
    font-size: 32px;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .lastest_list_content_all {
    flex: 0 0 46%;
  }

  .caption_detail_lastest h2 {
    padding-bottom: 0;
  }

  .lastest_list {
    flex-wrap: wrap;
  }

  .lastest_highligh_2 {
    flex: inherit;
    flex-grow: 1;
    margin: 0;
    padding: 0 15px;
    margin-bottom: 30px;
    border-left: none;
  }

  .lastest_highligh_2::before {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    border-left: 1px solid #eeeeee;
  }

  .lastest_highligh_2.border-none::before {
    display: none;
  }

  #home_banner .caption-banner {
    top: inherit;
    left: inherit;
  }

  .pagination_link {
    margin: 30px 0;
  }

  .menu_blog li a.active {
    border: none;
  }

  .pagination_link ul {
    padding-left: 0;
  }

  .blog_guide {
    padding-bottom: 0;
  }

  .search_blog {
    width: 100%;
    margin-bottom: 30px;
  }

  .menu_blog {
    margin-bottom: 30px;
    display: block;
    width: 100%;
    text-align: center;
  }

  .lang_blog {
    display: block;
    float: right;
    margin-bottom: 20px;
    width: 100%;
  }

  .lang_blog .dropdown-menu {
    min-width: 110px;
  }

  .caption_lastest {
    margin-top: 20px;
  }

  .blog-img-set img,
  .lastest_detail_list img {
    width: 100%;
  }

  .lastest_detail_list {
    margin-bottom: 30px;
    border: none;
  }

  .bg_news_letter {
    padding: 60px 0;
  }

  .news_letter_content h2 {
    font-size: 30px;
  }

  .logo_blog {
    width: 50%;
  }

  .blog_detail_set {
    margin-top: 30px;
  }

  .blog_detail_editor {
    margin: 40px 0;
  }

  .blog_more_new {
    padding: 40px 15px;
  }

  .caption-banner p br {
    display: none;
  }

  .contact_form_detail {
    padding: 0 20px;
  }

  .contact_form_detail_set {
    padding: 20px;
  }

  .contact_form_detail_set .pr-5 {
    padding-right: 15px;
  }

  .contact_form_detail_set .pl-5 {
    padding-left: 15px;
  }

  #about_us_detail {
    padding: 60px 0;
  }

  .about_info {
    margin-top: 40px;
  }

  #about_us_detail h5 {
    text-align: center;
    display: block;
  }

  #about_us_detail h2 {
    font-size: 32px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
  }

  .caption-banner h3 {
    color: #202124;
    font-size: 32px;
    text-align: center;
  }

  .platform_list {
    margin-bottom: 40px;
  }

  #about_banner h2 {
    font-size: 32px;
    margin-bottom: 40px;
  }

  #home_used_case .nav-pills>li+li {
    margin-left: 5px;
  }

  #home_used_case .nav-pills>li {
    min-height: 136px;
    min-width: 118px;
  }

  #home_used_case .nav-pills>li {
    margin-left: 5px;
  }

  #navigation.header-6 {
    height: 63px;
  }

  /* #navigation .button-menu-mobile {
    float: left !important;
    position: absolute;
    right: 20px;
  } */

  #navigation.header-6 {
    padding: 0px;
    border-bottom: 1px solid #eee;
  }

  /* .button-menu-mobile i {
    color: #007aff !important;
  } */

  #navigation.header-6 #logo {
    float: none;
    display: block;
  }

  #navigation.header-6 #logo img {
    margin: 0 auto;
    left: 50%;
    margin-left: -95px !important;
    position: absolute;
  }

  .resp-leftmenu {
    margin: 0 auto;
    margin-left: -25px !important;
    width: 230px;
  }

  /* #page-contents{
        margin-top: 15px;
    }*/
  #sidebar-nav .menu li a .indicator {
    line-height: 22px;
  }

  .caption-banner {
    position: relative;
    padding: 0 15px;
    top: inherit;
    left: inherit;
  }

  .caption-banner-home {
    padding: 10% 15px 0px 15px;
    position: relative;
    top: inherit;
    left: inherit;
  }


  .caption-banner h5,
  .caption-banner-home h5 .caption-banner h1,
  .caption-banner-home h1 {
    font-family: "Roboto", sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: #202124;
    line-height: 45px;
    text-align: center;
  }

  .caption-banner h1,
  .caption-banner-home h1 {
    margin-bottom: 0;
  }

  .caption-banner h5 span,
  .caption-banner-home h5 span {
    font-size: 32px;
  }

  .caption-banner h4,
  .caption-banner-home h4 {
    text-align: center;
  }

  .caption-banner h4,
  .caption-banner p.sub_banner_set,
  .caption-banner-home h4,
  .caption-banner-home p.sub_banner_set {
    color: #202124;
  }

  .caption-banner p.sub_banner,
  .caption-banner p.sub_banner_set,
  .btn_start_section,
  .footer_sub_banner,
  .caption-banner-home p.sub_banner,
  .caption-banner-home p.sub_banner_set {
    text-align: center;
  }

  #home_business h2 {
    margin-top: 0;
    font-size: 32px;
  }

  #home_used_case .nav-pills>li {
    width: 31%;
    min-height: 136px;
    min-width: 131px;
    border: 1px solid #d4d4d3;
    margin-bottom: 15px;
    margin-left: 8px;
  }

  .tab_content {
    padding: 0 15px;
  }

  .home_mb_tab {
    margin-top: 30px;
  }

  .tab_content .home_content_tab {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  #home_listening {
    padding: 40px 0px 60px;
  }

  .slide-btn {
    position: absolute;
    right: 25px;
    bottom: -15px;
  }

  .online_listening_section {
    margin-top: 50px;
  }

  .menu_listen_2 {
    margin-top: 0;
  }

  .platform_link,
  #home_used_case .tab_content h3,
  #home_listening h2 {
    text-align: center;
  }

  .usecases_detail #home_used_case .tab_content h1,
  .usecases_detail #home_used_case .tab_content h2 {
    text-align: center;
    font-size: 26px;
    margin-top: 20px;
  }

  .port-1 img {
    width: 100%;
  }

  .port-1.effect-2 .text-desc {
    bottom: -86%;
  }

  #home_content_slide h3 {
    text-align: center;
    font-size: 28px;
    margin-bottom: 20px;
  }

  #home_content_slide {
    padding: 10px 0 40px;
  }

  #home_slide .item img {
    margin: auto;
  }

  .slide_tesimonital {
    padding: 20px 0;
  }

  #home_slide .img_circle {
    display: none;
  }

  #home_content_slide h5 {
    margin-top: 10px;
  }

  #home_our {
    padding: 30px 0;
  }

  #home_our .line_bottom {
    right: 37%;
    width: 130px;
    top: 60px;
  }

  #home_our h3 {
    font-size: 32px;
  }

  #home_our h4 {
    font-size: 17px;
    line-height: 35px;
  }

  #home_contact {
    padding: 40px 0 0;
    margin-bottom: 0;
  }

  #home_contact h3 {
    font-size: 34px;
    text-align: center;
  }

  .homepage .contact_form {
    margin-top: 0;
  }

  .ic_check_start {
    text-align: right;
  }

  #home_contact h5 {
    text-align: center;
  }

  .contact_form {
    margin-top: 30px;
    padding: 0 30px;
  }

  .ic_logo_footer {
    position: absolute;
    right: 3%;
    top: -115px;
    width: 24%;
  }

  .footer_content {
    text-align: center;
  }

  .footer_copy {
    margin-top: 30px;
  }

  .footer_copy p {
    float: none !important;
  }

  .paltform_menu {
    display: none;
  }

  .platform_list h4 {
    font-size: 40px;
    margin-top: 20px;
    text-align: center;
  }

  .platform_list h3 {
    font-size: 32px;
    margin-top: 20px;
    text-align: center;
  }

  .platform_list p {
    margin-bottom: 60px !important;
    text-align: center;
  }

  .platform_list .mt-40 {
    margin-top: 10px !important;
  }

  #platform_slide img {
    margin: auto;
  }

  #platform_slide,
  .btn_start_plans {
    text-align: center;
  }

  #platform_slide p {
    margin-bottom: 30px;
  }

  .btn_start_plans {
    margin-top: 30px;
    margin-bottom: 40px;
  }

  .about_us .caption-banner h3 {
    margin-top: 20px;
  }

  .home_content_tab h3 br,
  #home_content_slide h3 br,
  #home_our h4 br,
  #home_our p br,
  .about_us .caption-banner h4 br,
  .caption-banner p.sub_banner_set br,
  .caption-banner-home p.sub_banner_set br,
  .caption-banner h4 br {
    display: none;
  }

  #plan_testsimonial {
    padding: 40px 0;
  }

  #plan_testsimonial hr {
    display: none;
  }

  .comingsoon_text {
    margin-top: 40px;
    padding-left: 15px;
  }

  #comingsoon h2 {
    font-size: 44px;
  }

  .comingsoon_text h4 {
    font-size: 36px;
  }

  .block_use_case {
    display: none;
  }

  #home_used_case {
    margin-top: 30px;
  }

  #home_used_case h3 {
    font-size: 32px;
    margin-bottom: 30px;
  }

  #usecase_detail img {
    margin: auto;
  }

  #usecase_detail .col-md-offset-1 {
    text-align: center;
  }

  #usecase_detail .img_circle_case {
    width: 60%;
  }

  .usecase_test h4,
  .usecase_test p {
    text-align: center;
  }

  #usecase_detail {
    padding: 100px 0 60px;
  }

  .caption-banner-cosmos {
    position: absolute;
    top: 60%;
    left: 10%;
  }



}

@media (max-width: 767px) {

  .box-unsubscription .description {
    font-size: 16px;
  }

  .box-unsubscription .box-action {
    margin: 40px 0;
  }

  .plan_info #plan_info_detail_section #home_banner .btn_set_plans {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .pricingTable .bg_price_1 {
    background-size: 100% 100%;
  }

  .pricingTable .bg_price_1 .price-value p {
    position: relative;
    text-align: right;
  }

  .bg_price_2 .tag-sale {
    padding-left: 0;
    text-align: center;
  }

  .pricingTable .bg_price_3 .price-value p {
    text-align: left;
    position: relative;
  }

  .txt_blog_border {
    padding-left: 5px;
    display: inline;
    margin-bottom: 15px;
  }

  .blog_detail #about_banner h1 {
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 40px !important;
  }

  .menu_blog {
    margin-bottom: 20px;
  }

  .menu_blog li {
    margin-bottom: 15px;
  }

  .lastest_list {
    display: block;
  }

  .lastest_list_content {
    flex: inherit;
    display: block;
    margin: 0;
    padding: 0px 15px;
    border-left: none;
    margin-bottom: 30px;
  }

  .lastest_list_content p.txt_writer {
    margin-bottom: 10px;
    position: relative;
  }

  .lastest_list_content_all {
    flex: inherit;
    display: block;
    margin: 0;
    padding: 0px 15px;
    border-left: none;
    margin-bottom: 30px;
  }

  .lastest_list_content_all p.txt_writer {
    margin-bottom: 10px;
    position: relative;
  }

  .caption_detail_lastest h4,
  .lastest_detail_list {
    margin-bottom: 0;
  }

  #home_used_case .nav-pills>li {
    min-height: 136px;
    min-width: 120px;
  }

  #home_content_slide h3 {
    line-height: 35px;
  }

  #platform_include .owl-theme .owl-dots .owl-dot {
    margin-top: 20px;
  }

  .caption-banner h5,
  .caption-banner h1,
  .caption-banner-home h5,
  .caption-banner-home h1 {
    font-size: 28px;
    line-height: 40px;
  }

  #plan_price {
    padding: 20px 0 30px;
  }

  .port-1.effect-2 .text-desc {
    bottom: -90%;
  }

  .port-1.effect-2:hover .text-desc {
    bottom: -70%;
  }
}

@media (max-width: 580px) {
  .port-1.effect-2 .text-desc {
    bottom: -86%;
  }

  #home_banner h1 {
    font-size: 45px;
    margin-top: 40px;
    line-height: 1.5 !important;
  }

  .caption-banner,
  .caption-banner-home {
    width: 100%;
  }

  .plan-enterprise {
    padding: 0 10px;
  }

  .homepage .caption-banner h1,
  .homepage .caption-banner-home h1 {
    font-size: 35px !important;
  }
}

@media (max-width: 500px) {
  .port-1.effect-2 .text-desc {
    bottom: -84%;
  }

  #home_banner h1 {
    font-size: 45px;
    margin-top: 40px;
    line-height: 1.5 !important;
  }

  .caption-banner {
    width: 100%;
  }

  .caption-banner-home {
    width: 100%;
    padding: 0% 15px 0px 15px;
  }

  .plan-enterprise {
    padding: 0 10px;
  }

  .homepage .caption-banner h1,
  .homepage .caption-banner-home h1 {
    font-size: 35px !important;
  }

  .caption-banner-cosmos {
    top: 36%;
    left: 11%;
  }

  .btn_set_start_cosmos {
    font-size: 12px;
    margin-left: 2px;
  }


}


/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
  #navigation.header-6 #logo img {
    max-height: 38px !important;
  }

  #about_banner h1 {
    font-size: 45px;
    margin-bottom: 65px;
  }

  #about_us_detail {
    padding: 100px 0 0;
  }

  .caption-banner-about-us {
    width: 65%;
  }

  .about_us .caption-banner {
    top: 3% !important;
  }

  .plan-enterprise {
    color: #ffffff;
  }
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  #navigation.header-6 #logo img {
    max-height: 38px;
  }

  #about_banner h1 {
    font-size: 45px;
    margin-bottom: 65px;
  }

  #about_us_detail {
    padding: 100px 0 0;
  }

  .caption-banner-about-us {
    width: 65%;
  }

  .about_us .caption-banner {
    top: 3% !important;
  }

  .caption-banner p.sub_banner_set,
  .caption-banner-home p.sub_banner_set {
    color: #fff;
  }

  .plan-enterprise {
    color: #ffffff;
  }

  #home_contact {
    padding: 80px 0 20px 0;
    margin-bottom: 50px;
    height: 550px;
  }
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  #navigation.header-6 #logo img {
    max-height: 38px;
  }

  #about_banner h1 {
    font-size: 45px;
    margin-bottom: 65px;
  }

  #about_us_detail {
    padding: 100px 0 0;
  }

  .caption-banner-about-us {
    width: 65%;
  }

  .about_us .caption-banner {
    top: 3% !important;
  }

  .caption-banner p.sub_banner_set.caption-banner-home p.sub_banner_set {
    color: #fff;
  }

  .plan-enterprise {
    color: #ffffff;
  }

  #home_contact {
    padding: 80px 0 20px 0;
    margin-bottom: 50px;
    height: 550px;
  }
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  #navigation.header-6 #logo img {
    max-height: 38px;
  }

  #about_banner h1 {
    font-size: 45px;
    margin-bottom: 65px;
  }

  #about_us_detail {
    padding: 100px 0 0;
  }

  .caption-banner-about-us {
    width: 65%;
  }

  .about_us .caption-banner {
    top: 3% !important;
  }

  .plan-enterprise {
    color: #ffffff;
  }

  #home_contact {
    padding: 80px 0 20px 0;
    margin-bottom: 50px;
    height: 550px;
  }
}

@media only screen and (width: 768px) and (height: 1024px) and (orientation: portrait) {
  #navigation.header-6 #logo img {
    max-height: 38px !important;
  }

  .about_us .caption-banner h3 {
    margin-top: 20px;
  }

  .caption-banner {
    /* position: absolute; */
  }

  .homepage .caption-banner {
    position: relative;
  }

  .caption-banner h3,
  .caption-banner-home h3 {
    color: #fff;
  }

  .about_us .caption-banner h2 {
    color: #fff !important;
  }

  .about_us .sub_banner_set {
    color: #fff !important;
  }

  .caption-banner-about-us {
    width: 100%;
  }

  .about_us .caption-banner h3 {
    margin-top: 20px;
  }

  .plan-enterprise {
    color: #ffffff;
  }

  .cart .plan-enterprise {
    color: #000;
  }


  #home_contact .contact_form .contact_form_section {
    text-align: center;
    padding: 30px 10px;
  }

  .contact_form_section {
    background: #fff;
    padding: 30px 35px;
    margin-top: 0px;
  }

  #home_contact {
    padding: 80px 0 20px 0;
    margin-bottom: 50px;
    height: 600px;
  }

  .caption-banner-cosmos {
    top: 53% !important;
    left: 10% !important;
  }
}

/* 

320px — 480px: Mobile devices
481px — 768px: iPads, Tablets
769px — 1024px: Small screens, laptops
1025px — 1200px: Desktops, large screens
1201px and more —  Extra large screens, TV

*/

@media screen and (max-width: 480px) and (min-width: 320px) {
  /* 320px — 480px: Mobile devices */

  #myUL {
    width: auto;
    margin: 0px 20px 0 20px;
    top: 140px;
  }

  .support-ui-title {
    margin-top: 85px;
  }

  .port-1.effect-2:hover .text-desc {
    bottom: -55%;
  }

  .port-1.effect-2 .text-desc {
    bottom: -81%;
  }

  #home_used_case .nav-pills p {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    color: #202124;
    text-align: center;
    margin-top: 10px;
  }

  #home_used_case .nav-pills>li {
    min-height: 135px;
    min-width: 115px;
  }

  #home_used_case .nav-pills>li+li {
    margin-left: 5px;
  }

  #home_listening p {
    font-size: 14px;
  }

  #home_content_slide h3 {
    text-align: center;
    font-size: 23px;
    margin-bottom: 20px;
    line-height: 35px;
    margin-top: 10px;
  }

  .platform_list h3 {
    font-size: 28px;
  }

  #platform_include h3 {
    font-size: 30px;
    margin-bottom: 30px;
  }

  #platform_include {
    padding: 40px 0;
  }

  #platform_include .owl-theme .owl-dots .owl-dot {
    margin-top: 20px;
  }

  #plan_testsimonial h2 {
    text-align: center;
    font-size: 32px;
  }

  #home_banner h1 {
    font-size: 45px;
    margin-top: 40px;
    line-height: 1.5 !important;
  }

  .caption-banner {
    width: 100%;
  }

  .plan-enterprise {
    padding: 0 10px;
  }

  .homepage .caption-banner h1,
  .homepage .caption-banner-home h1 {
    font-size: 35px !important;
  }

  .caption-banner h5,
  .caption-banner h1 {
    text-align: left;
  }

  #home_used_case h3 {
    text-align: left;
    margin-left: 25px;
  }

  .usecases_detail #home_used_case h3 {
    text-align: left;
    margin-left: 0px;
  }

  .title-used-case h3 {
    margin-left: 25px !important;
  }

  .homepage #home_used_case h3 {
    text-align: left;
    margin-left: 0px;
  }

  #home_used_case .nav-pills>li {
    margin-left: 5px;
  }

  #home_used_case .nav-pills>li {
    min-height: 135px;
    min-width: 110px;
  }

  #home_banner h1 {
    font-size: 45px;
    margin-top: 40px;
    line-height: 1.5 !important;
    text-align: left;
  }

  .homepage #home_banner h1 {
    text-align: center;
  }

  .caption-banner {
    width: 100%;
  }

  .plan-enterprise {
    padding: 0 10px;
  }

  .homepage .caption-banner h1,
  .homepage .caption-banner-home h1 {
    font-size: 30px !important;
  }

  .port-1.effect-2 .text-desc {
    top: auto;
    bottom: -75%;
    text-align: left;
  }

  .caption-content-detail h5 {
    margin-top: 15px;
  }

  .usecases_detail .caption-banner p.sub_banner_set {
    text-align: left;
  }

  .search-wrap {
    position: relative;
  }

  .search-box input,
  .sub-nav .search input {
    padding: 14px 49px;
    width: 100%;
    -webkit-appearance: none;
    color: #000;
    font-size: 17px;
    font-weight: 300;
  }

  .search-title {
    color: #000000;
    text-align: center;
    margin-bottom: 33px;
    font-size: 28px;
    font-weight: bold;
  }

  .search-wrap:before {
    content: "";
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    width: 55px;
    height: 55px;
    z-index: 1;
    background-image: url("/assets/images/svg/support-search.svg");
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: center center;
  }

  .hero-unit.search-box {
    padding: 64px 24px 45px 24px;
  }

  #page-contents {
    /* padding-top: 62px; */
  }

  .platform_page .caption-banner h1 {
    color: #202124;
    font-size: 45px;
    margin-top: 40px;
    text-align: left;
  }

  .platform_page .caption-banner h4 {
    font-weight: unset;
    margin: 20px auto;
  }

  .platform_page .caption-banner p.sub_banner_set {
    font-size: 16px;
    text-align: left;
  }

  .used_case_detail_6 {
    text-align: left;
  }

  .usecases_detail .caption-banner p.sub_banner_set {
    text-align: left;
  }

  .platform_page .platform_list h3 {
    margin-bottom: 20px;
  }

  .platform_list h4 {
    text-align: left;
  }

  .platform_list h3 {
    text-align: left;
  }

  .platform_list p {
    text-align: left;
  }

  .platform_page .caption-banner h4 {
    text-align: left;
  }

  .platform_include h4 {
    text-align: left;
  }

  .platform_include #platform_slide {
    text-align: left;
  }

  #platform_slide img {
    margin: 0;
  }

  .owl-stage-outer {
    text-align: left;
  }

  .usecases_detail .btn_set_usecase {
    display: block;
    font-size: 16px;
    padding: 0.9em 1.75em;
    text-align: center;
  }

  .btn_start_plans {
    margin-top: 35px;
  }

  .usecases_detail #home_used_case .tab_content h1,
  .usecases_detail #home_used_case .tab_content h2 {
    text-align: left;
  }

  .homepage .caption-banner h1,
  .homepage .caption-banner-home h1 {
    font-size: 35px;
  }

  .btn_start_section,
  .btn_start_section_cosmos {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
  }

  .btn_set_start_your {
    width: 100%;
    padding: 10px 16px;
    margin: 0px;
    font-size: 10px;
  }

  .btn_set_start_your,
  .btn_free_cosmos {
    width: 100%;
    padding: 10px 5px;
    margin: 0px;
    font-size: 10px;
  }

  #home_business h4 {
    line-height: 35px;
  }

  #home_used_case .tab_content h3 {
    line-height: 30px;
  }

  .usecases_detail .caption-banner h4 {
    text-align: left;
  }

  .caption-banner p.sub_banner,
  .caption-banner p.sub_banner_set,
  .btn_start_section,
  .footer_sub_banner {
    text-align: center;
  }

  #about_banner .text-center {
    text-align: left !important;
    margin-left: 1px;
  }

  #about_us_detail .text-center {
    text-align: left !important;
    margin-left: 1px;
  }

  .search-box-support {
    width: 100%;
  }

  .search-ui-input {
    max-width: 90%;
    margin-top: 70px;
  }

  .search-ui-icon {
    position: absolute;
    top: 85px;
    margin-left: 10px;
  }

  .contact-our-support-team {
    max-width: 1080px;
    top: 100px;
    height: 104px;
    background: #F6F9FF;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: center;
  }

  .caption-banner-cosmos {
    top: 36%;
    left: 7%;
  }

}

@media screen and (max-width: 768px) and (min-width: 481px) {

  /* 481px — 768px: iPads, Tablets */
  .search-box-support {
    width: 100%;
  }

  .search-wrap {
    position: relative;
  }

  .search-box input,
  .sub-nav .search input {
    padding: 14px 49px;
    width: 100%;
    -webkit-appearance: none;
    color: #000;
    font-size: 17px;
    font-weight: 300;
  }

  .search-wrap:before {
    content: "";
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    width: 55px;
    height: 55px;
    z-index: 1;
    background-image: url("/assets/images/svg/support-search.svg");
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: center center;
  }

  .search-title {
    color: #000000;
    text-align: center;
    margin-bottom: 33px;
    font-size: 28px;
    font-weight: bold;
  }

  .hero-unit.search-box {
    padding: 64px 24px 45px 24px;
  }

  .platform_page .caption-banner h1 {
    color: #fff;
    font-size: 45px;
    margin-top: 40px;
    text-align: center;
    margin-bottom: 60px;
  }

  .platform_page .caption-banner h4 {
    font-weight: unset;
    margin: 20px auto;
  }

  .platform_page .caption-banner p.sub_banner_set {
    font-size: 16px;
  }

  .platform_page .platform_list h3 {
    margin-bottom: 20px;
  }

  .platform_list h4 {
    text-align: center;
  }

  .platform_list h3 {
    text-align: center;
  }

  .platform_list p {
    text-align: center;
  }

  .platform_page .caption-banner h4,
  .caption-banner p.sub_banner_set {
    color: #fff;
  }

  .platform_page .caption-banner h4,
  .caption-banner p.sub_banner_set {
    color: #fff;
  }

  .platform_page .caption-banner h4 {
    text-align: center;
  }

  .platform_include h4 {
    text-align: center;
  }

  .platform_include #platform_slide {
    text-align: center;
  }

  #platform_slide img {
    margin: 0;
  }

  .owl-stage-outer {
    text-align: left;
  }

  .usecases_detail .btn_set_usecase {
    padding: 23px 50px;
    font-size: 16px;
  }

  .btn_start_plans {
    margin-top: 35px;
  }

  .usecases_detail #home_used_case .tab_content h1,
  .usecases_detail #home_used_case .tab_content h2 {
    text-align: left;
  }

  .homepage .caption-banner h1,
  .homepage .caption-banner-home h1 {
    font-size: 35px;
  }

  .btn_start_section,
  .btn_start_section_cosmos {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
  }

  #home_business h4 {
    line-height: 35px;
  }

  #home_used_case .tab_content h3 {
    line-height: 30px;
  }

  .homepage .caption-banner h1,
  .homepage .caption-banner-home h1 {
    font-size: 50px;
    margin-top: 50px;
  }

  #home_partner {
    font-family: Roboto, sans-serif;

    font-size: 18px;
    color: #202124;
  }

  #home_partner .home-partner-title {
    font-weight: 900;
  }

  #home_partner .home-partner-subtitle {
    font-weight: 300;
  }

  .platform_page .caption-banner p.sub_banner_set {
    text-align: center;
  }

  .used_case_detail_6 {
    text-align: center;
  }

  .usecases_detail .caption-banner p.sub_banner_set {
    text-align: center;
  }

  .contact-our-support-team {
    max-width: 1080px;
    top: 100px;
    height: 104px;
    background: #F6F9FF;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: center;
  }

}

@media screen and (max-width: 1080px) and (min-width: 1080px) {
  .caption-banner-about-us {
    width: 55%;
  }

  .caption-banner p.sub_banner_set {
    color: #fff;
  }

  .about_us .caption-banner h3 {
    margin-top: 5px;
  }

  .about_us .caption-banner {
    top: 13% !important;
  }
}

@media screen and (max-width: 1024px) and (min-width: 1080px) {
  .caption-banner-about-us {
    width: 55%;
  }

  .caption-banner p.sub_banner_set {
    color: #fff;
  }

  .about_us .caption-banner h3 {
    margin-top: 10px;
  }

  .about_us .caption-banner {
    top: 12% !important;
  }

  #home_contact {
    padding: 20px 0 50px 20px;
  }

}

@media screen and (max-width: 1280px) and (min-width: 1024px) {
  .caption-banner-about-us {
    width: 50%;
  }

  .about_us .caption-banner h3 {
    margin-top: -5px;
  }

  .caption-banner p.sub_banner_set {
    color: #fff;
  }

  .about_us .caption-banner {
    top: 11% !important;
  }
}

@media screen and (max-width: 1360px) and (min-width: 1280px) {
  .caption-banner-about-us {
    width: 60%;
  }

  .about_us .caption-banner h3 {
    margin-top: 25px;
  }

  .caption-banner p.sub_banner_set {
    color: #fff;
  }

  .about_us .caption-banner {
    top: 11% !important;
  }
}

@media screen and (max-width: 1440px) and (min-width: 1360px) {
  .caption-banner-home {
    padding: 10% 0 0 10%
  }

  .btn_free_cosmos {
    width: 80%;
    padding: 15px 25px;
    margin: 0 30px;
  }

  .btn_set_start_your {
    width: 80%;
    padding: 15px 25px;
    margin: 0 5px;
  }

  .img_home_cosmos,
  .img_home_analytics {
    width: 90%;
  }

  .caption-banner-about-us {
    width: 50%;
  }

  .about_us .caption-banner h3 {
    margin-top: 30px;
  }

  .caption-banner p.sub_banner_set {
    color: #fff;
  }

  .about_us .caption-banner {
    top: 6% !important;
  }


}

@media screen and (max-width: 1920px) and (min-width: 1920px) {
  .caption-banner-about-us {
    width: 40%;
  }

  .about_us .caption-banner h3 {
    margin-top: 40px;
  }

  .caption-banner p.sub_banner_set {
    color: #fff;
  }

  .about_us .caption-banner {
    top: 8% !important;
  }
}



@media screen and (max-width: 1919px) and (min-width: 1441px) {
  .caption-banner-about-us {
    width: 50%;
  }

  .about_us .caption-banner h3 {
    margin-top: 30px;
  }

  .caption-banner p.sub_banner_set {
    color: #fff;
  }

  .about_us .caption-banner {
    top: 6% !important;
  }
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .platform_page .caption-banner h1 {
    font-weight: 500;
  }

  .usecases_detail .caption-banner h1 {
    color: #fff;
  }

  .homepage .caption-banner h1,
  .homepage .caption-banner-home h1 {
    font-size: 50px !important;
  }

  .homepage #home_used_case .nav {
    display: flex;
    justify-content: space-around;
  }

  .caption-banner-home {
    padding: 5% 0 0 10%;
  }

  .btn_free_cosmos {
    width: 95%;
    padding: 15px 15px;
    margin: 0 5px;
  }

  .btn_set_start_your {
    width: 95%;
    padding: 15px 15px;
    margin: 0px;
  }


}

@media screen and (max-width: 1025px) and (min-width: 1200px) {
  .platform_page .caption-banner h1 {
    font-weight: 500;
  }

  .usecases_detail .caption-banner h1 {
    color: #fff;
  }

  .homepage .caption-banner h1,
  .homepage .caption-banner-home h1 {
    font-size: 50px !important;
  }

  .homepage #home_used_case .nav {
    display: flex;
  }
}

@media screen and (min-width: 1201px) {
  .platform_page .caption-banner h1 {
    font-weight: 500;
  }

  .usecases_detail .caption-banner h1 {
    color: #fff;
  }

  .homepage .caption-banner h1,
  .homepage .caption-banner-home h1 {
    font-size: 50px !important;
  }

  .homepage #home_used_case .nav {
    display: flex;
  }




}

@media screen and (min-width: 1921px) {
  .caption-banner-about-us {
    width: 40%;
  }

  .caption-banner p.sub_banner_set {
    color: #fff;
  }

  .about_us .caption-banner h3 {
    margin-top: 45px;
  }

  .usecases_detail .caption-banner h1 {
    color: #fff;
  }

  .homepage .caption-banner h1,
  .homepage .caption-banner-home h1 {
    font-size: 50px !important;
  }

  .homepage #home_used_case .nav {
    display: flex;
  }
}

@media (min-width: 1024px) {

  #home_contact {
    padding: 20px 0 50px 20px;
  }

  .search-title {
    color: #000000;
    text-align: center;
    font-size: 42px;
    margin-bottom: 48px;
    font-weight: 700;
  }



  .search-wrap {
    /*👉 position:absolute;👈*/
    width: 650px;
    margin: 0 auto;
  }

  .search-wrap:before {
    content: "";
    position: relative;
    text-align: center;
    top: 0;
    /* left: 0; */
    width: 115px;
    height: 100%;
    z-index: 3;
    background-image: url(/assets/images/svg/support-search.svg);
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-position: 30% 62%;
  }



}

@media screen and (max-width: 1024px) and (min-width: 1024px) {
  .change_currenct_container {
    top: 68%;
  }

  .m-t {
    margin-top: 0px;
  }

  .social_head_column {
    /*👉 width: 36%;👈*/
    width: 25%;
  }

  #plan_head_fixed {
    display: none !important;
  }

  .caption-banner-new-fixed {
    display: none !important;
  }

  .button-arrow-fixed {
    top: 25px;
    margin-left: 66px;
  }

  .most-popular {
    margin-top: 0px;
    margin-left: 10px;
  }

  .plan-head-fixed {
    width: 85% !important;
    left: 104px;
  }

  .table-plan-width {
    width: 141px;
  }

  .btn-subscribe-width {
    width: 90%;
  }

  .plan-width-1 {}

  .plan-width-2 {}

  .plan-width-3 {}

  .plan-width-4 {}

  .plan-width-5 {}

  .plan-margin-4 {}

  .plan-margin-5 {}

  .tfoot-plan {}

  .plan-width-4 {
    width: 100%;
  }

  .caption-banner-new-th {
    padding-top: 100px;
  }

  .caption-banner-new {
    padding-top: 120px;
  }
}

@media screen and (max-width: 1440px) and (min-width: 1440px) {
  .m-t {
    margin-top: 0px;
  }

  .social_head_column {
    /*👉 width: 36%;👈*/
    width: 28%;
  }

  #plan_head_fixed {
    /* display: none !important; */
  }

  .caption-banner-new-fixed {
    /* display: none !important; */
  }

  .button-arrow-fixed {
    top: 25px;
    margin-left: 66px;
  }

  .most-popular {
    margin-top: 0px;
    margin-left: 10px;
  }

  .plan-head-fixed {
    /* width: 85% !important;
    left: 104px; */
  }

  .table-plan-width {
    width: 141px;
  }

  .btn-subscribe-width {
    /* width: 90%; */
  }

  .plan-width-1 {}

  .plan-width-2 {}

  .plan-width-3 {}

  .plan-width-4 {}

  .plan-width-5 {}

  .plan-margin-4 {}

  .plan-margin-5 {}

  .tfoot-plan {}

  .plan-width-4 {
    width: 100%;
  }

  .caption-banner-new-th {
    padding-top: 100px;
  }

  .caption-banner-new {
    padding-top: 120px;
  }
}

@media screen and (max-width: 1919px) and (min-width: 1441px) {
  .table-plan-width {
    width: 210.03px;
  }
}


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

@media screen and (max-width: 2545px) {
  .caption-banner-new-th {
    padding-top: 60px;
  }

  .caption-banner-new {
    padding-top: 60px;
  }
}


@media screen and (max-width: 1360px) {
  .m-t {
    margin-top: 0px;
  }

  .social_head_column {
    /*👉 width: 36%;👈*/
    width: 28%;
  }

  #plan_head_fixed {
    display: none !important;
  }

  .caption-banner-new-fixed {
    display: none !important;
  }

  .button-arrow-fixed {
    top: 25px;
    margin-left: 66px;
  }

  .most-popular {
    margin-top: 0px;
    margin-left: 10px;
  }

  .plan-head-fixed {
    width: 85% !important;
    left: 104px;
  }

  .table-plan-width {
    width: 141px;
  }

  .btn-subscribe-width {
    width: fit-content;
    margin: 10px 20px;
  }

  .caption-banner-new-th {
    padding-top: 102px;
  }

  .caption-banner-new {
    padding-top: 102px;
  }
}

/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */

@media screen and (max-width: 820px) {
  .caption-banner-new-th {
    padding-top: 165px !important;
  }

  .caption-banner-new {
    padding-top: 142px;
  }
}

@media screen and (max-width: 768px) {
  .caption-banner-new-th {
    padding-top: 139px !important;
  }

  .caption-banner-new {
    padding-top: 119px;
  }
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  #plan_head_fixed {
    display: none !important;
  }

  .caption-banner-new-fixed {
    display: none !important;
  }

  /*👉 .table-plan-section-list { 
    margin-top: 135px;
  }👈*/

  .caption-banner-new-th {
    padding-top: 129px;
  }

  .caption-banner-new {
    padding-bottom: 290px;
  }

  .social_head_column #head-plan-fixed {
    line-height: 1.2;
  }

  .social_head_column #head-sub-plan-fixed {
    margin-top: 15px;
  }
}

/* Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  #plan_head_fixed {
    display: none !important;
  }

  .caption-banner-new-fixed {
    display: none !important;
  }

  .table-plan-section-list {
    /* margin-top: 110px; */
  }

  #navigation.header-6 #logo img {
    max-height: 32px !important;
  }

  .social_head_column #head-plan-fixed {
    line-height: 1.2;
  }

  .social_head_column #head-sub-plan-fixed {
    margin-top: 15px;
  }
}

/* Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  #plan_head_fixed {
    display: none !important;
  }

  .caption-banner-new-fixed {
    display: none !important;
  }

  /*👉.table-plan-section-list { 
    margin-top: 135px;
  }👈*/
  #navigation.header-6 #logo img {
    max-height: 32px !important;
  }

  .social_head_column #head-plan-fixed {
    line-height: 1.2;
  }

  .social_head_column #head-sub-plan-fixed {
    margin-top: 15px;
  }
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .plan-margin-1 {
    /* margin-left: -8px; */
  }

  #plan_head_fixed {
    display: none !important;
  }

  .caption-banner-new-fixed {
    display: none !important;
  }

  .change_currenct_container {
    top: 50%;
  }

  .plan-width-1 {}

  .plan-width-2 {}

  .plan-width-3 {}

  .plan-width-4 {}

  .plan-width-5 {}

  .plan-width-4 {
    width: 100%;
  }

  .plan-margin-4 {
    /* margin-left: -9px; */
  }

  .plan-margin-5 {
    /* margin-left: -8px; */
    /* margin-top: -20.5px; */
  }

  .tfoot-plan {
    /* width: 132px; */
  }

  .height-title {
    height: 35px;
  }

  .table-plan-section-list {
    margin-top: 135px;
  }

  .social_head_column #head-plan-fixed {
    line-height: 1.2;
  }

  .social_head_column #head-sub-plan-fixed {
    margin-top: 15px;
  }
}

/* Portrait */
/* (min-device-width: 768px) and (max-device-width: 1024px) ipad - ipad mini ipad ari - ipad pro */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  #plan_head_fixed {
    display: none !important;
  }

  .caption-banner-new-fixed {
    display: none !important;
  }

  .table-plan-section-list {
    /* margin-top: 135px; */
  }

  .change_currenct_container {
    top: 50%;
  }

  #navigation.header-6 #logo img {
    max-height: 32px !important;
  }

  .social_head_column #head-plan-fixed {
    line-height: 1.2;
  }

  .social_head_column #head-sub-plan-fixed {
    margin-top: 15px;
  }

  #home_our .line_bottom {
    top: 50px;
    left: 15px;
  }
}

/* (min-device-width: 768px) and (max-device-width: 1024px) ipad - ipad mini ipad ari */
@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  #home_used_case h3 {
    text-align: center !important;
    margin-left: 25px;
  }

  #home_used_case .nav-pills>li {
    margin-left: -8px;
  }

  #home_used_case .nav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }

  #home_used_case .tab_content h3 {
    text-align: left !important;
    margin-left: 0px !important;
  }

  .platform_link,
  #home_used_case .tab_content h3,
  #home_listening h2 {
    text-align: left;
  }

  .platform_page .caption-banner h1 {
    color: #202124;
    font-size: 50px;
    margin-top: 60px;
  }

  .platform_page .caption-banner h4,
  .caption-banner p.sub_banner_set {
    color: #202124;
  }

  .platform_list {
    margin-bottom: 0px;
  }

  .platform_list h2 {
    margin-top: 0px;
    text-align: center;
  }

  .usecases_detail .caption-banner h1 {
    color: #202124;
  }

  .usecases_detail .caption-banner {
    margin-top: 60px;
  }

  .usecases_detail #home_used_case h3 {
    text-align: center !important;
    margin-left: 0px;
  }

  /* .social_head_column #head-sub-plan-fixed {
    margin-top: 1px;
  }
  .social_head_column #head-plan-fixed {
    margin-top: -25px;
  } */
  .lang_view_th .table-plan-section-list {
    margin-top: 115px;
  }

  .caption-banner-new {
    padding-bottom: 273px;
  }

  .lang_view_th .change_currenct_container {
    top: 40%;
  }

  .lang_view_en .table-plan-section-list {
    margin-top: 15px;
  }

  .lang_view_en .change_currenct_container {
    top: 32%;
  }

  #about_banner {
    margin-top: 100px;
  }

  #about_banner h1 {
    text-align: center;
  }

  #about_banner .text-left h5 {
    text-align: center !important;
  }

  .contact_form_section {
    margin-top: 0px;
  }

  #home_contact {
    padding: 40px 0 130px;
  }

  #home_contact .contact_form .contact_form_section {
    text-align: center;
  }

  #home_contact .contact_form .contact_form_section {
    padding: 30px 10px 0 10px;
  }

  #home_contact {
    height: auto;
  }

}

/* Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  #plan_head_fixed {
    display: none !important;
  }

  .caption-banner-new-fixed {
    display: none !important;
  }

  .table-plan-section-list {
    margin-top: 55px;
  }

  #navigation.header-6 #logo img {
    max-height: 32px !important;
  }

  .social_head_column #head-plan-fixed {
    line-height: 1.2;
  }

  .social_head_column #head-sub-plan-fixed {
    margin-top: 15px;
  }
}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
  #plan_head_fixed {
    display: none !important;
  }

  .caption-banner-new-fixed {
    display: none !important;
  }

  #navigation.header-6 #logo img {
    max-height: 32px !important;
  }

  .social_head_column #head-plan-fixed {
    line-height: 1.2;
  }

  .social_head_column #head-sub-plan-fixed {
    margin-top: 15px;
  }
}

/* Portrait */

/* Declare the same value for min- and max-width to avoid colliding with desktops */

/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/

@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  #plan_head_fixed {
    display: none !important;
  }

  .caption-banner-new-fixed {
    display: none !important;
  }

  #navigation.header-6 #logo img {
    max-height: 32px !important;
  }

  .social_head_column #head-plan-fixed {
    line-height: 1.2;
  }

  .social_head_column #head-sub-plan-fixed {
    margin-top: 15px;
  }
}

/* Landscape */

/* Declare the same value for min- and max-width to avoid colliding with desktops */

/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/

@media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  #plan_head_fixed {
    display: none !important;
  }

  .caption-banner-new-fixed {
    display: none !important;
  }

  #navigation.header-6 #logo img {
    max-height: 32px !important;
  }

  .social_head_column #head-plan-fixed {
    line-height: 1.2;
  }

  .social_head_column #head-sub-plan-fixed {
    margin-top: 15px;
  }
}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
  #plan_head_fixed {
    display: none !important;
  }

  .caption-banner-new-fixed {
    display: none !important;
  }

  #plan_section_list {
    /* margin-top: -97px; */
  }

  .change_currenct_container {
    top: 37%;
  }

  .table-plan-section-list {
    /* margin-top: 200px; */
  }

  #navigation.header-6 #logo img {
    max-height: 32px !important;
  }

  .caption-banner-new {
    padding-bottom: 280px;
  }

  .social_head_column #head-plan-fixed {
    line-height: 1.2;
  }

  .social_head_column #head-sub-plan-fixed {
    margin-top: 15px;
  }

  #home_contact h3 {
    font-size: 32px;
    margin-top: 50px;
  }

}



/* //iPhone XR */
@media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 2) {
  .caption-banner-cosmos {
    top: 38% !important;
    left: 8% !important;
  }

}

/* 2532x1170 pixels at 460ppi */
@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) {
  .caption-banner-cosmos {
    top: 37% !important;
    left: 8% !important;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 4),
only screen and (min--moz-device-pixel-ratio: 4),
only screen and (-o-min-device-pixel-ratio: 4/1),
only screen and (min-device-pixel-ratio: 4) {
  .caption-banner-cosmos {
    top: 34% !important;
    left: 7% !important;
  }

}

@media only screen and (device-width: 412px) and (device-height: 915px) {
  .caption-banner-cosmos {
    top: 38% !important;
    left: 8% !important;
  }
}

@media only screen and (device-width: 280px) and (device-height: 653px) {
  .caption-banner-cosmos {
    top: 23% !important;
    left: 6% !important;
  }
}

@media only screen and (max-width: 320px) {
  .caption-banner-cosmos {
    top: 30%;
    left: 7%;
  }
}

@media only screen and (max-width: 340px) {
  .header-layout-bottom {
    padding: 0 10px !important;
  }

  .language_options {
    padding: 10px 3px !important;
  }
}

@media only screen and (device-width: 414px) and (device-height: 736px) {
  .caption-banner-cosmos {
    top: 38% !important;
    left: 8% !important;
  }
}


@media only screen and (device-width: 540px) and (device-height: 720px) {
  .caption-banner-cosmos {
    top: 45% !important;
    left: 9% !important;
  }
}