.mobile_heading_style {
  font-size: 34px;
}
@media screen and (max-width: 662px) {

  html, body {
    overflow-x: hidden;
  }

  * {
    box-sizing: border-box;
  }

  img,
  iframe,
  input,
  textarea {
    max-width: 100%;
    width: 100%;
  }

  .container, .row, .main-content, form {
    max-width: 100vw;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
  }



  html .footlogo.col-2{
    display: none;
  }
  html .footcol.col-4.sitemap{
    padding-left:15px;
  }
  html #footer .col-10{
    width:100%;
  }
  html .video_wrapper.brand.col-4{
    max-width:100vw;
  }
  html .made_with .tabs_head{
    overflow-x:scroll;
  }

  html body footer .footlogo .logotxt {
    font-size: 90% !important;

  }
html .made_with .tabs_head a{
  font-size:12px;
}

  html #topslides .topslide .text_left h1,
  html #topslides .topslide .text_left h4,
  html #topslides .topslide .text_left_nothp h1,
  html #topslides .topslide .text_left_nothp h4,
  html #topslides .topslide .text_left_nothp h4,
  html .video_wrapper .text h1{
    font-size:28px;
  }

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

  html .platform_design .platform_boxes .platform_box .platform_box_bg .price_point{
    text-align: center;
    margin-top:25px;
  }
  html .platform_design .platform_boxes .platform_box .platform_box_bg .down_texts{
    max-width:65%;
    margin:0 auto;
    margin-top:20px;
  }

  html .platform_design .platform_boxes .platform_box .platform_box_bg .price_point{
    padding-left:0;
  }

}

@media screen and (max-width: 990px) {
  html #mobile_tags{display:block;}
  html .col-4.sidebar{
    display: none;
  }
  html .row.blogpage .col-8{
    width:100%;
  }
}
@media screen and (max-width: 993px) {

  .entry-content table{
    overflow-x: auto;
  }


}

@media screen and (min-width: 993px) {

  .compare_ico{
    margin-top:277px;
  }


  html .page-template-default #pagemain{
    min-height:849px;
  }
}

@media screen and (max-width: 1199px) and (min-width: 993px) {
  html #rightmenu ul li{
    margin-right:13px;
  }
  #header #logo .logotxt{
  }

}
@media screen and (max-width: 1332px) and (min-width: 993px) {

  html #topslides .topslide .text_left{
    margin-top:70px;
  }
  html body #pagemain{
    padding-top:60px;
  }
  html body #topmenu ul li,
  #rightmenu ul li {
    margin-right: 20px;
  }
}

html .video_wrapper.col-4.brand iframe{
  max-width:100% !important;
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
  html .video_wrapper.col-4.brand{
    width:41%;
  }

  html .compare_ico{
    height:75px !important;
  }

}

@media screen and (max-width: 1399px) and (min-width: 1200px) {

  html .video_wrapper.col-4.brand{
    width:38%;
  }

}
@media screen and (max-width: 992px){
  html .compare_ico{
    display:none;
  }
  html .mobile_compare_ico{
    display:inline-block;
  }

  html .story_area .story_boxes .story_box.col-2
  {
    margin-bottom:20px;
  }
  html .video_wrapper.brand.col-4,
  html .story_area .story_boxes .story_box.col-2,
  html .video_wrapper.col-2.brand
  {
    width:100%;
    float:none;
    clear:both;
  }
  html .video_wrapper.col-2.brand
  {
    max-width:478px;
  }
  html #topslides .topslide .text_left_nothp{
    width:100%;
  }
 html  .made_with h4 {
   font-size:34px;
 }

  html #topslides .topslide .text_left h4{
    font-size:25px !important;
  }
  html #topslides .topslide .text_left .contentsa{
      font-size:20px;
  }
  html #topslides .topslide .text_left{
    background:none !important;
    box-shadow:none !important;
  }
  html  .made_with h6 {
    padding:0 15px;
  }
   html #chat{
    display: none !important;
  }
 html .row.blogpage .col-6{
   width:100%;
 }
}
  .blogpage img{
    max-width:100%;
    height:auto;
  }
@media screen and (max-width: 992px) {
  .page-template-page-reporting-php .story_txt_wrapper{
    position: absolute;

  }
  .page-template-page-reporting-php .story_txt_wrapper .overflow{
    max-height:305px;
    overflow: hidden;
    line-height:15px;
  }

  .page-template-page-reporting-php .made_with_slide.open .story_txt_wrapper{
    position: static;
  }


  .page-template-page-reporting-php .made_with_slide.open .story_txt_wrapper .overflow{
    max-height: 100%;
    overflow: visible;

  }

  html .made_with .made_with_slider .slick-prev,
  html .made_with .made_with_slider .slick-next,
  html .platform_design .slick-prev,
  html .platform_design .slick-next{
    top:-35px;
  }
  html .platform_design .platform_boxes .platform_box{
    padding-right:0;
  }

  html #header{
    padding-top:15px;
    padding-bottom:15px;
  }

  .page-template-page-reporting-php .made_with_slide .readmore{
    position: absolute;
    bottom:25px;
    text-align: center;
    width:100%;
    z-index:9999;
  }
  .page-template-page-reporting-php .made_with .made_with_slider .made_with_slide{
    padding-bottom:30px;
  }
  .page-template-page-reporting-php .made_with_slide .readmore a{
    color:white;
    display: inline-block;
  }
  .page-template-page-reporting-php .made_with_slide .readmore a.hidemore{
    display:none;
  }

  html .page-template-page-reporting-php .story_area .story_boxes .story_box{
    width:100%;
    margin-bottom:25px;
  }
  html .page-template-default #pagemain .entry-content,
  html .page-template-default #pagemain .entry-title{
    max-width:100%;
    padding-left:10px;
  }
  html .footcol.col-4{
    width:50% !important;
  }

  html .footer_row .col-4{
    width:50%;
  }
  html body .platform_design .platform_boxes .platform_box.col-4{
    margin-top:0px;
  }



  html .made_with h6{
    margin-bottom:50px
  }
  html .page-template-default #pagemain img.wp-post-image{
    display: none;
  }
  html .made_with .slick-list{
    display: block;
  }
  html .made_with .made_with_slider .made_with_slide{
    min-height:386px;
  }
  footer .updates{
    display: none;
  }
  #pagemain .entry-title {
    font-size: 34px;
  }
  html .contactpagein {
    padding: 0 20px;
  }
  html .contactpagein .col-6 {
    width: 100%;
  }
  html .contactpagein .wpcf7-response-output {
    color: white;
  }
  html .contactpagein .submitor {
    padding-left: 83px;
  }
  .page-template-page-contact #pagemain {
    padding-top: 40px;
  }
  .desktop_header {
    display: none;
  }
  #Layer_1{
  }
  .mobile_header {
    display: block;
  }
  #topslides .img_abs_right {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  html body .story_area .col-fifty-percent,
  html body .story_area .col-fifty-percent .contentsa,
  html body .story_area .story_boxes_wrap,
  html body .story_area .story_btn
  {
    max-width: 100%;
  }
  html body #topslides .topslide {
    min-height: 0;
    padding-bottom: 30px;
  }
  html body #topslides .topslide .text_left {
    width: 100%;
  }
  html body #topslides .topslide .video_wrapper.col-6{
    width:100%;
    margin-top:30px;
  }
  html body #topslides .topslide .video_wrapper.col-6 video{
    height:auto !important;
  }
  html body #topslides .topslide .text_left h4 {
    font-size: 34px;
  }
  html body .story_area {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(174,223,253,1) 35%, rgba(224,165,219,1) 100%);
    padding-bottom: 40px;
    background-size:auto auto;

  }
  html body .story_area .story_box.col-3 {
    width: 100%;
    margin-bottom: 30px;
  }
  html body .story_area h4 {
    font-size: 34px;
  }
  html body .platform_design {
    background-position: bottom left;
    background-color: #e1d9fc;
  }
  html body .platform_design h4 {
    font-size: 34px;
  }
  html body .platform_design .platform_boxes .platform_box.col-4 {
    width: 100%;
    margin-bottom: 80px;
  }
  html body .contact_form h4 {
    font-size: 34px;
  }
  html body .contact_form h4 span {
    display: inline-block;
    padding-left: 10px;
  }
  html body .contact_form .col-6 {
    width: 100%;
  }
  html body footer .footlogo .logotxt {
    font-size: 95%;
  }
  html body .mobile_header {
    position: relative;
    z-index: 9999;
  }
  html body .mobile_header #logo {
    /*padding-bottom: 10px;*/
  }
  html body .mobile_header #logo img {
    float: left;
  }
  html body .mobile_header #logo a {
    padding-left: 15px;
    display: inline-block;
  }
  html body .mobile_header #mobilemenu {
    width: 100%;
    position: absolute;
    background: #000;
    margin-top:15px;
  }
  html body .mobile_header #mobilemenu ul li {
    border-top: 1px solid #fff;
  }
  html body .mobile_header #mobilemenu ul li a {
    display: inline-block;
    width: 100%;
    padding: 15px 0;
    padding-left: 25px;
    padding-right: 25px;
    color: #fff;
    text-decoration: none;
  }
}
.nav-container {
  position: absolute;
  right: 0;
  top: 15px;
}
html body .mobile_header #logo{
  padding-top:10px;
}
.nav-container .hamburger-lines {
  display: block;
  height: 26px;
  width: 32px;
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.nav-container .hamburger-lines .line {
  display: block;
  height: 4px;
  width: 100%;
  border-radius: 10px;
  background: #fff;
}
.nav-container .hamburger-lines .line1 {
  transform-origin: 0% 0%;
  transition: transform 0.4s ease-in-out;
}
.nav-container .hamburger-lines .line2 {
  transition: transform 0.2s ease-in-out;
}
.nav-container .hamburger-lines .line3 {
  transform-origin: 0% 100%;
  transition: transform 0.4s ease-in-out;
}
.nav-container .hamburger-lines.open .menu-items {
  transform: translateX(0);
}
.nav-container .hamburger-lines.open .line1 {
  transform: rotate(45deg);
}
.nav-container .hamburger-lines.open .line2 {
  transform: scaleY(0);
}
.nav-container .hamburger-lines.open .line3 {
  transform: rotate(-45deg);
}