@media only screen and (max-width: 767px){
html::-webkit-scrollbar { width: 4px}  
#page-container{}    
#totopbutton, .header .vc_col-sm-3,.hide-mobile{display:none!important}
.mtc, .mtc p{text-align: center!important}
    .header{max-height: 70px}
    .logo img{height: 50px!important; width: auto; margin-top: 10px}
.nm25{margin-top:-25px!important}
.nm35{margin-top:-45px!important}
.key > div > .wpb_wrapper {background-position:top!important;margin-left: -30px!important; margin-right: -30px!important; padding-top: 200px} 
.purple-box{background-color: rgba(147,96,167,1)} 
    .mt1{padding: 20px; margin-top: -25px!important}    
    .footer .wpb_single_image.vc_align_right{text-align: center!important; margin-top: -25px}
}





@media only screen and (max-width: 959px){

}

@media only screen and (min-width : 960px){
}

@media only screen and (min-width : 1024px){
html::-webkit-scrollbar{width: 6px}
.banner{min-height: 600px}  
.pr50{padding-right: 40px} 
.purple-box{max-width: 50%; padding: 70px}  
   .pt{padding-top: 40px}.pb{padding-bottom: 40px}  
.footer{padding-top: 40px}      
}

@media only screen and (min-width: 1201px) {
    .logo img{height: 90px!important}  
.banner{min-height: 700px}
.banner h1{padding-left: 150px; font-size: 50px}  
    .mw-70{max-width: 60%; margin: 0 auto}   
.t1, .t3{font-size: 28px}
.t2{font-size: 24px}.pr50{padding-right: 80px} 
    .pt{padding-top: 70px}.pb{padding-bottom: 70px}
.purple-box{max-width: 60%; padding: 100px; margin: 120px auto!important} 
.footer{border-bottom: 30px solid #b0ddc9; padding-top: 80px}    
}



@media (min-width: 1400px){
html::-webkit-scrollbar { width: 8px}

}


/* - Ipad Pro Landscape */

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {

}



/* - Ipad Landscape */

@media only screen  and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.banner{min-height: 400px} 
  .purple-box{margin: 0!important} 
.banner h1{padding-left: 100px; font-size: 50px}    
}



/* - Ipad Portrait */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.ipad-fw-po{width: 100%!important}
.key > div > .wpb_wrapper {background-position:top!important;margin-left: -30px!important; margin-right: -30px!important; padding-top: 300px} 
.purple-box{background-color: rgba(147,96,167,1)} 
}


@media only screen and (min-height: 1366px) and (orientation: portrait){
  .purple-box{margin: 0!important}   
}



@media only screen and (min-width: 600px) and (max-width: 1024px) and (orientation: landscape) {   
   
}