/*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){
    
}
@media (min-width: 900px) and (max-width: 1024px) and (orientation: portrait){
.height1{height:110px;}
}
/*ipad - portrait*/
@media (min-width: 768px) and (max-width: 899px) and (orientation: portrait){
.height1{height:150px;}
.height2{height:135px}
.height3{height:115px}
.height5{height:100px}
}
/*all mobiles & small tabs*/
@media (max-width: 767px){
   .columnDo{width:99%; }
.columnDo ul{ border-right:none; padding-right:0;}
.columnDont ul{ padding-left:0;}
.columnDont{width:99%}
.height1{height:auto}
.height2{height:auto}
.height3{height:auto}
.height4{height:auto}
.height5{height:auto}
.subtitle p{ width:280px; }
}
/*small tabs*/
@media (min-width: 600px) and (max-width: 767px){
.subtitle p{ width:380px; }
}
/*mobile*/
@media (max-width: 580px){
.title{font-size:30px; }
.subtitle{font-size:22px; }
.subtitle p{ width:280px; }
}