@media screen and (max-width:700px){
	
		/*scroll bar*/
	/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: white; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: white; 
}
	.hero p {
    text-align: center;
    font-weight: 500;
    width: 90%;
    margin: 20px auto;
}

.hero h1 {
        font-size: 41px;
    padding: 20px 0px;
    margin: 37px auto;
    text-transform: uppercase;
    letter-spacing: 0;
}

.head_box h1 {
    margin: 28px auto;
}
.hero h1 .webtxt {
      font-weight: 700;
    font-size: 73px;
    text-transform: uppercase;
    color: #279fff;
    line-height: 1;
}
.header .logo img {
    position: relative;
    width: 77px;
    height: auto;
    border-radius: 69px;
    margin: 6px 10px;
    top: 0;
    display: inline-block;
}

.hero_dg {
       display: flex;
    width: 100%;
    max-width: 1200px;
    align-items: center;
    flex-direction: column-reverse;
}

.hero img {
    position: relative;
    top: 0px;
    width: 99%;
    height: auto;
}

#mobile_img {display:block}
#desktop_img {display:none}

.hero {
    position: relative;
    display: block;
    height: auto;
}

.header .menu {
    display: block;
    width: -webkit-fill-available;
    float: unset;
    background: white;
    color: black;
    position: absolute;
}

.menu_btn {    z-index: 2;
    display: block;
    position: absolute;
    top: 4px;
    font-weight: 600;
   
    right: 24px;
    font-size: 55px;}
	
	.header .menu .menu_cont {
    padding: 29px 43px;
    font-weight: 500;
    font-size: 14px;
    border-bottom: 1px solid #bdbdbd40;
}


.pricing {
    padding: 3px 0%;
    text-align: center;
    
    overflow: hidden;
}

.hero3 .side3 {
    vertical-align: top;
    text-align: left;
    padding: 4% 0px;
    color: white;
   
    overflow: hidden;
}
#menu {display:none}


.hero3 {display:block;}
.hero2 {display:block;}



.price_box {
    width: -webkit-fill-available;
    margin: 16px 0px;
    display: inline-block;
    vertical-align: text-top;
    justify-content: center;
    position: relative;
    text-align: left;
    box-shadow: 0px 0px 20px 0px #cacaca57;
    border-radius: 5px;
    min-height: 332px;
}	
	.hero .slider .pc_frame{margin: 0 auto;
    position: relative;
    display: block;
    z-index: 2;
    width: -webkit-fill-available;}

	.hero .slider .mobile_frame{margin: 0 auto;
    position: relative;
    display: none;
    z-index: 2;
    width: -webkit-fill-available;}
	
	.frame_slider2{display:block}
	.frame_slider {display:block}
	.frame_slider3 {    display: none;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 10%;
    width: 60%;animation:scale1 5s infinite alternate;}
	
	@keyframes scale1{
		0% {transform: translate(-50%) scale(1);}
		100% {transform: translate(-50%) scale(1.1);}
	}
.hero2 img, .side2 {
    width: -webkit-fill-available;
    display: inline-block;
}

.hero2 img {width: 100%;}
	
.footer_box {
    
       width: -webkit-fill-available;
    max-width: -webkit-fill-available;
}

.hero3 img, .side3 {
    width: -webkit-fill-available;
    display: inline-block;
}

.hero3 img {
    width: 90% !important;
}


.hero3 .side3 h2 {    width: -webkit-fill-available;
    max-width: -webkit-fill-available;
    background: white;
    text-align: inherit;}
	
	.web_box {
    width: 46%;
    display: inline-grid;
    text-align: center;
    height: 300px;
    margin: 2px;
    border: 0px solid #2196f3;
    box-shadow: 0px 0px 10px 0px #9090904a;
    border-radius: 6px;
    vertical-align: top;
    overflow: hidden;
    align-items: center;
    grid-template-rows: 60% 20% 20%;
}

.web_box img {
    max-width: 99%;
    max-height: 100%;
    margin: 0 auto;
}

.faq_box {
    width: -webkit-fill-available;
    display: inline-block;
    background: white;
    border: 1px dotted #cacaca;
    padding: 20px;
    border-radius: 4px;
    text-align: left;
}

.demo_box {
    display: inline-block;
    height: fit-content;
    min-height: 128px;
    max-height: 150px;
    padding: 0px;
    margin: 13px 2px;
    vertical-align: top;
    background: white;
    width: 45%;
    box-shadow: 0px 0px 10px 0px #00000054;
    border-radius: 3px;
    overflow: hidden;
}