@media only screen and (max-height:700px){
    .tob--maincont{
        margin-top:-15vh
    }
}
@media only screen and (max-height:600px){
    .tob--maincont{
        margin-top:-5vh
    }
}
@media only screen and (min-width:600px){
    .logo--cont{
        width:50%
    }
}
@media only screen and (min-width:1400px){
	    header{
        height:80px;
        padding:0px 45px 10px;
        box-shadow:0 5px 20px rgba(0,0,0,0.25)
    }
	
}
@media only screen and (min-width:900px) and (max-width:1100px){
    .logo--cont{
        width:15%!important
    }
    .logo--cont img{
        padding-right:0
    }
    .login-btn span,.link{
        white-space:nowrap
    }
    .logo--cont{
        width:25%
    }
	.cta--maincont{
	margin-top:10%;
}
}
@media only screen and (min-width:1100px){



    #email--whats--link{
        text-align: right !important;
    }
    #ortext{
        text-align:left !important;
        padding-left:50px !important;
    }
    .body--text{
        font-weight:300;
        font-size:20px;
        font-family:"Montserrat",sans-serif
    }
    .title--text{
        font-family:"Lato",sans-serif;
        font-size:28px;
        font-weight:900
    }
    header{
        height:80px;
        padding:0px 48px;
        box-shadow:0 5px 20px rgba(0,0,0,0.25)
    }
    .logo--cont img{
        margin-top:-5px;
        max-width:115px;
        max-height:64px
    }
  /*  nav{
        position:relative;
        left:0;
        top:0;
        width:65vw;
        max-width:900px;
        height:100%;
        padding:0;
        flex-direction:row;
        justify-content:space-between;
        align-items:center;
        transition:none
    }*/
    .ham-menu{
        display:none
    }
    .links--cont{
        display:flex;
        height:100%;
        /*margin-left:0;*/
        width:85%
    }
    .links--cont li{
        width:90px;
        height:100%;
        justify-content:center;
        align-items:center
    }
    .link{
        padding-left:0;
        font-size:14px;
        margin-top:0;
        display:flex;
        justify-content:center;
        align-items:center
    }
    .link:hover{
        transition:none;
        border-bottom:2px solid #ed7d31
    }
    .login-btn{
        height:67.5%;
        width:calc(15%+8px)!important;
        min-width:140px;
        padding:16px 0;
        margin:0;
        border-radius:5px
    }
    .login-btn img{
        margin-left:8px;
        height:16px;
        width:16px
    }
    .login-btn span{
        width:calc(100% - 32px);
        font-size:12px;
        margin:0 8px
    }
    .login-btn:hover{
        background:#ed7d31
    }
    main{
        height:calc(110% - 70px)
    }
    .background--cont{
/*linear-gradient(289.64deg,rgba(0,112,192,0) 14.32%,rgba(26,26,26,0.5) 35.23%,rgba(26,26,26,0.8) 51.83%,rgba(26,26,26,0.8) 51.83%),*/
        /* background-image: url(../assets/images/home/bg.webp); */
	height:100%;
	width:100%;
    }
    .cta--maincont{
        padding:48px;
        width:60%;
        align-items:flex-start;
        margin-top:0
    }
    .cta--maincont h1,.cta--maincont h3{
        text-align:left
    }
    .cta--maincont h1{
        font-size:32px
    }
    .cta--maincont h3{
        margin-top:16px;
        font-size:16px
    }
	.tob--maincont h2{text-align:left}
	.centered--box h2{
		text-align:left;
		margin-top:0px;
	}
    /* .cta--btn--cont{
        margin-top:32px
    } */
    .cta--btn{
        padding:.75rem 1.25rem;
        font-size:1rem
    }
    .cta--btn:nth-child(1){
        margin-right:24px
    }
    .centered--box{
        width:calc(100% - 96px);
        padding:32px;
        margin-bottom:32px
    }
    .centered--box--webinar{
        width:calc(60% - 96px);
        padding:32px;
        margin-bottom:32px
    }
    .centered--box--webinar h3{
        font-size:28px;
        text-align:center
    }
    .centered--box--webinar h4{
        font-size:22px;
        text-align:center
    }
    .centered--box h3{
        font-size:28px;
        text-align:justify
    }
	.centered--box h1{
      /*  font-size:28px;*/
        text-align:justify
    }
    .tob--maincont{
        margin-top:-19vh;
        flex-direction:row;
        justify-content:space-around
    }
    .heading--cont h1{
        width:50%;
        font-size:56px
    }
    .heading--cont img{
        height:200px;
        width:250px;
        /* margin-right:20% */
    }
    .text--cont{
        width:50%;
        text-align:justify;
        margin-top:0;
        font-size:20px;
        font-weight:300
    }
    .text--cont p:nth-child(2){
        margin-top:16px
    }
    .read--more--btn{
        font-size:20px
    }
    .read--more--section{
        display:none
    }
    .body--cont p{
        text-align:justify;
        font-size:20px
    }
	.body--cont h2{margin-top:0px;}
    .read--more--section:nth-of-type(1){
        width:100px;
        background:#90ee90;
        display:inline-block;
        vertical-align:center
    }
    .stats--maincont{
        flex-direction:row;
        height:60vh
    }
    .stat{
        margin-bottom:0;
        height:100%;
    }
    .stat--icon{
        width:100%;
        margin-bottom:0;
        height:30%;
        overflow:hidden
    }
    .stat--number{
        height:20%;
        font-size:46px;
        margin-bottom:0
    }
    .percentage--super{
        font-size:28px
    }
    .stat--desc{
        height:calc(50% - 32px);
        width:64%;
        font-size:19px
    }
    .features--cont{
        margin-top:32px;
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between
    }
    .feature{
        width:45%;
        box-shadow:var(--box-shadow-9);
        border-radius:10px;
        padding:16px;
        margin-bottom:32px
    }
    .feature:nth-last-child(1),.feature:nth-last-child(2){
        margin-bottom:0
    }
    .feature--title{
        text-align:justify;
        font-size:24px;
        margin-bottom:16px
    }
    .feature--desc{
        text-align:left;
        font-size:20px
    }
    .add-text{
        display:none
    }
    .sm-hidden{
        display:block
    }
    .exception{
        display:block
    }
    .livedemo--cont{
        width:100%;
        display:flex;
        flex-direction:row
    }
    .qr-code--cont{
        width:47.5%;
        padding:170px 0;
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        align-items:center;
	    margin-top:0px;
    }

	.qr-code--cont-wincc{
        width:47.5%;
        padding:0px 0;
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center
    }
    .qr-code--text{
    /* padding-bottom:160px; */
    }
	.qr-code--cont-wt{
        width:47.5%;
        padding:80px 0;
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        align-items:center
    }
    .qr-code img{
        height:100%;
        width:100%
    }
    .qr-code--text{
        width:80%
    }
    .livedemo--desc--cont{
        width:40%;
        padding-top:0;
        align-self:center
    }
    .livedemo--desc--cont p{
        font-size:20px;
        text-align:justify
    }
    .seperator{
        width:1px;
        height:200px;
        background:var(--light-blue);
        margin:0 24px;
        align-self:center
    }
	.seperator--wincc{
        width:1px;
        height:500px;
        background:var(--light-blue);
        margin:0 24px;
        align-self:center
    }
    .social-media-cont{
        width:15%
    }
    .xl-hidden{
        display:none
    }
}

@media only screen and (max-width:1100px){
    .qr-code--cont h2 {
        position: static;
    }
}

@media only screen and (min-width:1000px){
    .logo--cont img{
        max-width:135px;
        max-height:72px;
        margin-top:-8px
    }
    .login-btn{
        width:25%
    }
	.heading--cont{
		padding-left:0px;
	}
    
}
@media only screen and (min-width:1200px){
    .login-btn{
        width:22.5%
    }
    .cta--maincont{
        padding:48px;
        width:75%;
        align-items:flex-start;
        margin-top:0
    }
    .cta--maincont h1{
        font-size:48px
    }
    .cta--maincont h3{
        margin-top:16px;
        font-size:32px
    }
	
    
    .lo
}
@media only screen and (max-width:900px) and (orientation:landscape){
    .logo--cont{
        height:100%;
        width:25%
    }
    .links--cont{
        height:45%;
        margin-top:-35px
    }
    .links--cont li{
        height:25%
    }
    .link{
        margin-top:0
    }
    .login-btn{
        padding:12px 15px;
        margin:0 20%;
        margin-right:30%;
        min-width:50%
    }
    .cta--maincont{
        margin-top:0
    }
}
@media only screen and (min-width:1100px) and (min-height:700px){
    .stats--maincont{
        height:40vh
    }
    .stat--desc{
        width:70%
    }
    .seperator{
        height:200px;
        background:var(--light-blue);
        margin:0 24px;
        margin-top:5px;
    }
}
@media only screen and (min-width:1100px) and (min-height:900px){
    .stats--maincont{
        height:35vh;
    }
    .stat--desc{
        width:100%;
    }
}
@media only screen and (min-height:400px) and (max-height:450px){
    .tob--maincont{
        margin-top:5vh;
    }
}
@media only screen and (max-height:250px){
    .tob--maincont{
        margin-top:5vh;
    }
    .cta--maincont{
        padding:16px;
        width:100%;
        align-items:center
    }
    .cta--maincont h1,.cta--maincont h3{
        text-align:center
    }
    .cta--maincont h1{
        font-size:24px
    }
    .cta--maincont h3{
        margin-top:8px;
        font-size:12px
    }
    .cta--btn--cont{
        margin-top:8px
    }
    .cta--btn{
        padding:.3rem .7rem;
        font-size:1rem;
        font-size:10px
    }
    .cta--btn:nth-child(1){
        margin-right:24px
    }
}