/*all small devices*/
@media (max-width: 1200px){
    .wrapper{width: 96%;}
}
/*ipad - both*/
@media (min-width: 768px) and (max-width: 1024px){
    
}
/*ipad - landscape*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
    
}
/*ipad - portrait*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
    .popup{ width: 94%; margin-left: -47%; top:5%;}
    .w40, .w60{width:50%;}
    .benefits li{width: 45%; margin-right:4%;}
    .benefits li:nth-child(2){margin-right: 0;}
}
/*all mobiles & small tabs*/
@media (max-width: 767px){
    .popup{ width: 94%; margin-left: -47%; top:5%;}
    .vmobile{display: block;} .vdesc{display: none;}
    .w40, .w60{width:100%;} .section{padding:50px 0;}
    .benefits li,.benefits.steps li{display: block; width: 100%; margin-right: 0; margin-bottom: 60px;}
    .benefits li img { padding-bottom: 20px;} h3{font-size: 28px;}
    .footer p{float: none; margin-bottom: 10px; text-align: center;}
    .btn{padding: 10px;} h5{font-size: 18px;}
}
/*small tabs*/
@media (min-width: 600px) and (max-width: 767px){
    
}
/*mobile*/
@media (max-width: 580px){
    
}