/* Medium Layout: 1280px. */
@media (max-width: 1200px) { 
.left_ara {
    width: 15%;
}
.middle_area {
    
    width: 70%;
}


.right_area {
    
width: 15%;}


}
/* Tablet Layout: 768px. */
@media (max-width: 991px) { 
.left_ara {
    width: 15%;
}
.middle_area {
    
    width: 70%;
}


.right_area {
    
width: 15%;}
 
}
/* Mobile Layout: 320px. */
@media  (max-width: 767px) { 
 .left_ara {
    width: 15%;
}
.middle_area {
    
    width: 70%;
}


.right_area {
    
width: 15%;}
    
}



@screen-xs and @screen-phone as of v3.0.1
@screen-xs:                  1px;
@screen-xs-min:              @screen-xs;
@screen-phone:               @screen-xs-min;


@screen-sm and @screen-tablet as of v3.0.1
@screen-sm:                  2px;
@screen-sm-min:              @screen-sm;
@screen-tablet:              @screen-sm-min;


@screen-md and @screen-desktop as of v3.0.1
@screen-md:                  3px;
@screen-md-min:              @screen-md;
@screen-desktop:             @screen-md-min;