@media only screen and (max-width:1230px){
    #top-video{height: auto;width: 100%;}
    
    }

.responsive-menu
{
    display:none;
}
.responsivbanner {
    display: none;
}
@media only screen and (max-width:1075px)
{
    .pclick
    {
        right: 396px;
        margin:546px 0 15px;
    }
    .nclick
    {
        right: 360px;
        margin: 546px 0 15px;
    }
    /* .download-app-wrapper
    {
        margin:30% 0 69px;
    } */
      .headlight-menu
    {
        display:none;
    }
    .responsive-menu
{
    display:block;
}
    
}

@media only screen and (max-width:1070px)
{
    .container
    {
        max-width: 98%;
    }
 .howwork-div-img > img {
    width: 100%;
}
}
@media only screen and (max-width:980px){
    .user-img{width: 93%}
    .user-img img{width: 100%}
    .testi-sec{width: 100%;justify-content: center;margin-bottom: 30px}
     .howwork-container{display: block}
    .user-img {
    width: 208px;}
    .testi-cont{width: auto}
    .testi-cont p{min-width: 261px}
}
    
    
    

@media only screen and (max-width:880px)
{
    .howwork-container
    {
        text-align: center;
    }
    .howwork-div
    {
        width:28%;
        margin:0 0 25px 0;
    }
}
@media only screen and (max-width:780px)
{
    .whyheaddiv
    {
        width:47%;
    }
    
   
    
/*
  .video-sec {
    width: 41%;
}
*/
    .testi-sec{margin-bottom: 50px}
}

@media only screen and (max-width:750px)
{
    .pageslide
    {
        left: 0 !important;
        right: 0 !important;
        width: 91% !important;
        text-align:inherit !important;
        top: 8% !important;
    }
     .pageslide > img {
    width: 84% !important;
}
    .leftblock
    {
       
        width:100%;
    }
    .rightblock
    {
        float: none;
        width:100%;
    }
    .sbarblock
    {
        position:static;
    }
    #main
    {
        background:rgba(0, 0, 0, 0) url("../images/banner-bck.png") repeat scroll 0 0
    }
    .livedemo-text
    {
        margin:77px 0 0;
    }
    .download-app-wrapper
    {
        margin: 3% 0 10px;
    }
    .rightblock
    {
        width: 82%;
    }
    .page
    {
         width: 64%;
         height:auto;
    }
    .pageslider-ani > img {
    position: relative;
    width: 86%;
    z-index: 99;
}
    .pageslide > img
    {
        width:80%;
    }
    .pageslider-ani
    {
        position:static;
    }
    /* .download-app-wrapper
    {
        width:230px;
    } */
    .livedemo-text-line {
    display: none;
}
    .livedemo-text
    {
        font-size: 48px;
    }
    .download-app-wrapper
    {
        margin:20px auto;
    }
    .sbarblock
    {
        text-align:center;
    }
    .pclick
    {
        margin:300px 0 0 0;
        left:0;
    }
    .nclick
    {
         margin:300px 0 0 0;
        right:0;
    }
    .clickcontrol
    {
        width: 100%;
        right:-12%;

    }
    .rightblock
    {
        width: 82%;
    }
    
    .responsivbanner {
    display: block;
}
    .normalbanner
    {
         display: none;
    }
    .sbarblock
    {
        margin: 0 0 42px;
    }
    .livedemo-text
    {
        margin: 29px 0 0;
    }
    #main
    {
        background:#3c3c3c;
    }
    .howwork-wrapper.commonpadding {
    padding: 53px 0 100px;
}
    .pbttl{padding: 0px 0 50px 0}
}

@media only screen and (max-width:660px)
{
    .howwork-div
    {
        width: 43%;
    }
}
@media only screen and (max-width:550px)
{
    .helpline-container
    {
        padding: 12px 0;
        text-align: center;
        width: 100%;
        border-right:none;
    }
    .email-container
    {
         padding: 12px 0;
        text-align: center;
        width: 100%;
    }
     .testi-sec{display: block;}
    .video-sec{width: 100%;margin-bottom: 20px}
    .testi-cont{margin: 0;width: 100%}
    .howwork-wrapper.commonpadding {padding: 27px 0 13px;}
    .resume-sec{display: block}
    .pbttl {padding: 0px 0 27px 0;}
      .video-sec {
    width: 273px;margin: 0 auto 30px;
}
    .video-sec video{left: 22px}
    
}
@media only screen and (max-width:500px)
{
    .whyheaddiv
    {
        width: 100%;
    }
    .pbttl span{font-size: 34px;}
    
}

@media only screen and (max-width:500px)
{
    .sicon
    {
        margin: 0 3%;
    }
    .headlight-logo.leftcontent > img
    {
        margin: 8px 0 0;
    width: 88%;
    }
   
    
}
@media only screen and (max-width:480px)
{
    .livedemo-textbottom
    {
        font-size: 16px;
    }
    .livedemo-text
    {
        font-size: 44px;
    }
	.googleplay-icon a {display:block}
	.googleplay-icon {margin:0px 0px 30px 0;width:160px}
	.googleplay-icon a img {width: 100%;}
    .googleplay-icon:last-child{margin-bottom: 30px}
    .commonpadding{padding: 58px 0 0px 0;}
}
@media only screen and (max-width:470px)
{
    .pclick
    {
        margin: 57% 0 0;
    }
    .nclick
    {
        margin: 57% 0 0;
    }
}


@media only screen and (max-width:420px)
{
    .howwork-div
    {
        width: 64%;
        margin:0 0 40px;
    }
    
}

@media only screen and (max-width:400px)
{
    .pbttl
    {
        font-size: 47px;
    }
    .headlight-logo{width: 208px;}
}